Einführung in das -Tag in HTML und wie man es deaktiviert

Definition und Verwendung

wird zum Sammeln von Benutzerinformationen verwendet.
Eingabefelder haben viele Formen, die auf unterschiedlichen Typ--Attributwerten basieren. Eingabefelder können Textfelder, Kontrollkästchen, maskierte Textsteuerelemente, Optionsfelder, Schaltflächen usw. sein.
Unterschiede zwischen HTML und XHTML
In HTML hat das -Tag kein schließendes Tag.
In XHTML muss das -Tag ordnungsgemäß geschlossen werden.
Beispiel
Ein einfaches HTML-Formular mit zwei Texteingabefeldern und einer Schaltfläche zum Senden:

 
<form action="form_action.asp" method="get">  
  First name: <input type="text" name="fname" />  
  Last name: <input type="text" name="lname" />  
  <input type="submit" value="Submit" />  
</form>

Das Attribut „disabled“ gibt an, dass das Eingabeelement deaktiviert werden soll.
Ein deaktiviertes Eingabeelement ist weder verfügbar noch anklickbar. Das Attribut „disabled“ kann so lange festgelegt werden, bis eine andere Bedingung erfüllt ist (z. B. wenn ein Kontrollkästchen aktiviert ist usw.). Anschließend müssen Sie JavaScript verwenden, um den deaktivierten Wert zu entfernen und den Wert des Eingabeelements auf „verfügbar“ umzustellen.

Die folgenden drei Schreibmethoden können die Eingabe deaktivieren

<input type="text" disabled="disabled" value="已禁用" />  
<input type="text" disabled="disabled" value="已禁用" />  
<input type="text" disabled="disabled" value="已禁用" />

Die deaktivierte Eingabe ist standardmäßig ausgegraut und der Stil kann über CSS geändert werden. Hinweis: IE9 und niedriger können die Schriftfarbe
1 nicht ändern. Verwenden Sie CSS3 :disabled Pseudoelement, um

CSS Code复制内容到剪贴板
//Chrome Firefox Opera Safari   
input:disabled{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}

zu definieren. 2. Verwenden Sie Attributselektoren, um

< zu definieren 🎜>

3. Verwenden Sie die Klasse, um eine Klasse für die zu deaktivierende Eingabe zu definieren und hinzuzufügen

CSS Code复制内容到剪贴板
//IE6 failed   
input[disabled]{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}

Endergebnis:

CSS Code复制内容到剪贴板
input.disabled{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}

Hinweis: IE8-Fehler

CSS Code复制内容到剪贴板
//Chrome Firefox Opera Safari IE9+   
input:disabled{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}   
//IE8-   
input[disabled]{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}   
//IE6 Using Javascript to add CSS class "disabled"  
* html input.disabled{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}

Da IE8:disabled nicht erkennt, werden die Stile input[disabled] und input:disabled ungültig. Sie können sie separat schreiben oder input[disabled verwenden ] direkt. ;Die Schriftfarbe kann in IE9 und niedriger nicht geändert werden.

Das obige ist der detaillierte Inhalt vonEinführung in das -Tag in HTML und wie man es deaktiviert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!