Detaillierte Erklärung des HTML-Tags <input> und wie man es deaktiviert

Definition und Verwendung
Das <input>-Tag wird zum Sammeln von Benutzerinformationen verwendet.
Abhängig vom Wert des Typattributs kann das Eingabefeld viele Formen haben. Eingabefelder können Textfelder, Kontrollkästchen, maskierte Textsteuerelemente, Optionsfelder, Schaltflächen usw. sein.
Unterschiede zwischen HTML und XHTML
In HTML hat das <input>-Tag kein schließendes Tag.
In XHTML müssen <input>-Tags ordnungsgemäß geschlossen werden.
Beispiele
Ein einfaches HTML-Formular mit zwei Texteingabefeldern und einer Senden-Schaltfläche:

Das deaktivierte Attribut gibt an, dass das Eingabeelement deaktiviert werden soll.
Ein deaktiviertes Eingabeelement ist weder nutzbar noch anklickbar. Die deaktivierte Eigenschaft kann festgelegt werden, bis eine andere Bedingung erfüllt ist (z. B. die Auswahl eines Kontrollkästchens usw.). Anschließend müssen Sie JavaScript verwenden, um den deaktivierten Wert zu entfernen und den Wert des Eingabeelements auf „Aktiviert“ zu setzen.

Die folgenden drei Möglichkeiten können die Eingabe deaktivieren

Deaktivierte Eingaben sind standardmäßig ausgegraut und können mit CSS formatiert werden. Hinweis: IE9 und darunter können die Schriftfarbe nicht ändern
1. Verwenden Sie die CSS3-Pseudoelementdefinition :disabled

2. Definieren Sie mit Attributselektoren

3. Verwenden Sie die Klasse, um den zu deaktivierenden Eingang zu definieren und eine Klasse hinzuzufügen

Endergebnis:

Hinweis: IE8-Fehler
Da IE8 :disabled nicht erkennt, sind die Stile input[disabled] und input:disabled ungültig. Sie können sie separat schreiben oder input[disabled] direkt verwenden. ; IE9 und darunter können die Schriftfarbe nicht ändern.

Demo