<label> Tag - Beschriftung für Formularelemente
Beispiel:
<form action="action.php">
<label for="vorname">Vorname</label>
<input type="text" name="vorname" id="vorname" value=""><br>
<label for="nachname">Nachname</label>
<input type="text" name="nachname" id="nachname" value=""><br>
<input type="submit" value="Senden">
</form>
Verwendung
Mit dem label
Tag können Formularelemente (input
Tags) beschriftet werden. Das label
Tag selbst bewirkt keine eigenständige Formatierung oder eine andere
sichtbare Zuordnung zum Eingabefeld. Allerdings erlaubt es dem Browser im Hintergrund eine Zuordnung zwischen Beschriftung und Formularfeld herzustellen. Dies erlaubt es z.B. im Browser auf die Beschriftung
zu klicken, worauhin das zugeordnete Eingabefeld markiert wird. Die Zuordnung erfolgt über das Attribut for
. In diesem wird die ID des zugehörigen Formularelementes
angegeben.
Attribute
Attribut | Wert | Beschreibung |
for | ID des Elements | Zuordnung der Beschriftung mit dem Eingabefeld über mit ID |
form | ID des Formulars | Zuordnung zum Formular über die ID des Formulars, ab HTML 5, kann weg gelassen werden, wenn die Zuordnung eindeutig innerhalb des Formulars ist. |