Beispiel
Drei Radiobuttons mit Etiketten:
<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio"
name="gender" id="male" value="male"><br>
<label
for="female">Female</label>
<input type="radio" name="gender"
id="female" value="female"><br>
<label for="other">Other</label>
<input type="radio" name="gender" id="other" value="other"><br><br>
<input type="submit" value="Submit">
</form>
Versuch es selber " Definition und Verwendung
Das <label> Tag definiert ein Label für ein <input> Element.
Das <label> Element machen nicht so etwas Besonderes für den Anwender. Aber es stellt eine Verbesserung der Bedienbarkeit für Mausbenutzer, weil , wenn der Benutzer auf den Text innerhalb des klickt <label> Element, er die Steuerung schaltet.
Die for Attribut des <label> Tag sollte auf die gleiche sein id - Attribut des zugehörigen Element zu binden sie zusammen.
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <label> | ja | ja | ja | ja | ja |
Tipps und Hinweise
Tipp: Ein Etikett kann durch die Verwendung der auf ein Element entweder gebunden sein "for" Attribut oder durch das Element innerhalb der Platzierung <label> Element.
Unterschiede zwischen HTML 4.01 und HTML5
Die "form" Attribut ist neu in HTML5.
Attribute
= Neu in HTML5.
| Attribut | Wert | Beschreibung |
|---|---|---|
| for | element_id | Gibt an, welche Form Element ist ein Label gebunden |
| form | form_id | Gibt eine oder mehrere Formen der Label gehört zu |
globale Attribute
Das <label> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Das <label> Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - DOM - Referenz: Label - Objekt
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <label> Element mit den folgenden Standardwerte: