tas2580
Blog über Webentwicklung

HTML - <label>

Definiert ein Label für ein <input> -Element

Beispiel

<form action="seite.pgp" method="get">
  <label for="fname">Vorname:</label>
  <input type="text" name="fname" id="fname"><br>
  <label for="lname">Nachname:</label>
  <input type="text" name="lname" id="lname"><br>
  <input type="submit" value="Absenden">
</form>

Demo


Definition und Verwendung

Der <label> -Tag definiert ein Label für ein <input> Element.

Das <label> Element stellt eine Verbesserung der Bedienbarkeit für Mausbenutzer da, wenn der Benutzer auf den Text innerhalb des <label> Element klickt, bekommt das zugehörige Element Fokus.

Das for Attribut des <label> -Tags sollte dem id-Attribut des zugehörigen Elements gleich sein um sie zusammen zu binden.


Browser Unterstützung

Chrome 1.0
Firefox 1.0
Safari 1.0
Opera 3.5
Edge 12.0
IE 4.0

Attribute

Attribute stellen zusätzliche Informationen über HTML-Elemente bereit. Attribute müssen immer in den öffnenden Tag geschrieben werden.

Attribut Wert Beschreibung
for element_id Gibt an, an welches Formular Element ein Label gebunden ist.
form form_id Gibt an, an welches Formular ein Label gebunden ist.

Der <label> Tag verwendet Globale HTML Attribute.