Das Eingabefeld wird verwendet, um Formulare zu erstellen und Eingaben vom Benutzer zu nehmen. Benutzer können das Eingangsfeld gemäß dem Eingabetyp füllen. Aber manchmal müssen Sie das Eingabebuch deaktivieren, um eine Voraussetzung zu erfüllen, z. B. die Auswahl eines Kontrollkästchens. In dieser Situation müssen Sie das Eingabefeld deaktivieren.

In diesem Leitfaden erlangen wir ein Verständnis dafür, wie das Eingabefeld mithilfe von CSS deaktiviert werden kann. Also beginnen wir beginnen!

So deaktivieren Sie ein Eingangsfeld mit CSS?

In CSS werden Ereignisse durch die Verwendung der “deaktiviertZeiger-Events" Eigentum. Erfahren Sie also zunächst mehr über die Eigenschaft Zeiger-Events.

Was ist "Zeiger-Events" CSS-Eigenschaft?

Der "Zeiger-Events„Steuern Sie, wie die HTML -Elemente das Touch -Ereignis reagieren oder verhalten, z.

Syntax
Die Syntax der Zeiger-Events wird wie folgt angegeben:

Zeiger-Events: Auto | Keine;

Die oben genannte Erwähnungseigenschaft nimmt zwei Werte an, z. B. “Auto" Und "keiner”:

• Auto: Es wird verwendet, um Standardereignisse durchzuführen.
• keiner: Es wird verwendet, um Ereignisse zu deaktivieren.

Gehen Sie zum angegebenen Beispiel.

Beispiel 1: Hinzufügen eines Eingangsfelds mit CSS Hinzufügen

In diesem Beispiel werden wir zunächst ein DIV erstellen und ihm ein Kurs- und Eingabefeld hinzufügen. Stellen Sie dann den Eingangstyp als “einText"Und setzen Sie seinen Wert als"Gib deinen Namen ein”.

Html

Deaktivieren Sie ein Eingabefeld

Danach wechseln Sie zum CSS und stylen Sie die DIV, indem Sie seine Hintergrundfarbe als “festlegenRGB (184, 146, 99)Und Höhe als "150px”.

CSS

div
Hintergrundfarbe: RGB (184, 146, 99);
Höhe: 150px;

Die Ausgabe des oben beschriebenen Codes ist unten angegeben. Hier können wir sehen, dass unser Eingabefeld derzeit aktiv ist und die Eingabe vom Benutzer akzeptiert:

Wechseln Sie nun zum nächsten Teil, in dem wir den Wert des “verwenden“Zeiger-EventsEigentum als "keiner”.

Beispiel 2: Deaktivieren eines Eingangsfeldes mit CSS

Wir werden jetzt verwenden “Eingang”, Um auf das in der HTML-Datei hinzugefügte Element zugreifen und den Wert von Zeiger-Events als" festlegen "festlegen"keiner”:

Eingang
Zeiger-Events: Keine;

Sobald Sie die oben genannte Eigenschaft implementiert haben “Zeiger-Events" mit "keiner”Wert, der Text des Eingabefeldes ist nicht eedierbar, was angibt, dass unser Eingabefeld deaktiviert ist:

Das ist es! Wir haben die Methode zur Deaktivierung des Eingangsfeldes mit CSS erklärt.

Abschluss

Um ein Eingangsfeld in einem HTML zu deaktivieren, das “Zeiger-EventsDas Eigentum des CSS wird verwendet. Fügen Sie dazu ein Eingangsfeld hinzu und setzen Sie den Wert von Zeiger-Events als "keiner”Um das Eingangsfeld zu deaktivieren. In diesem Leitfaden erläutern wir die Methode zur Deaktivierung eines Eingangsfeldes mithilfe von CSS und geben ein Beispiel dafür an.