Formularfelder beschriften

Seit der HTML-Spezifikation 4.01 gibt es spezielle HTML-Tags, mit denen sich Formularfelder beschriften lassen können. Dadurch hast du den Vorteil, dass du mit CSS diese Beschriftungen leicht formatieren kannst. Auch kann man Formularfelder, Checkboxen und Radiobuttons durch einen Klick auf die Beschriftungen aktivieren, ohne ein zusätzliches JavaScript o.Ä. dafür verwenden zu müssen.

In diesem Artikel zeige ich dir, wie das funktioniert.

 

Beschriftung für ein Formularfeld einrichten

Nachstehendes Code-Beispiel verdeutlicht die Einbindung einer Formularfeld-Beschriftung.

Code-Beispiel:

<form>
   <label for="1">Ihr Name</label> <input id="1" name="Name" type="text"><br />
   <label for="2">Ihre E-Mail-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 Tag <label> lassen sich die Formularfelder beschriften. Das Attribut for="..." bewirkt, dass das Label dem Formularfeld innerhalb der Datei eindeutig zugeordnet werden kann.

 


Dir gefällt dieser Artikel?

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.