<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>

Online testen 

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.

Darstellung