HTML

Formularfelder beschriften

Details

Veröffentlicht am Samstag, 18. Oktober 2008 18:42

Geschrieben von Jan Pionzewski

Seit HTML in der Version 4.01 gibt es spezielle Tags, mit denen sich Formularfelder beschriften lassen können. Das hat zum Vorteil, dass via CSS die Beschriftungen leicht formatiert werden können. Auch kann das Formularfeld bzw. Checkboxen und Radiobuttons durch einen Klick auf die Beschriftung aktivieren, ohne zusätzliches JavaScript dafür verwenden zu müssen.

Beispiel:

<form>
  <label for="1">Ihr Name</label> <input id="1" name="Name" type="text"><br />
  <label for="2">Ihre eMail-Adresse</label> <input id="2" name="eMail" type="text"><br />
  <label for="3">Newsletter abonnieren</label>  <input id="3" name="Newsletter" type="checkbox">
</form>

Mit dem Attribut <label> lassen sich die Formularfelder beschriften. Das Attribut for="..." bewirkt, dass das Label dem Formularfeld innerhalb der Datei eindeutig zugeordnet werden kann.