Label + Input · HTML

HTML label und input verbinden.

Der Wert von for muss exakt der id entsprechen. Dann kennt der Browser den Feldnamen und ein Klick auf die Beschriftung fokussiert das Feld.

Die Verbindung

Gleich verbindet.

<label for="email">E-Mail-Adresse</label> <input id="email">

Im Browser

Beschriftung anklicken.

Klick auf Beschriftung
Feld erhält Fokus
Accessibility Tree
Name = E-Mail-Adresse

Verbindung hergestellt. Klicken Sie auf die Beschriftung.

Ein placeholder zeigt höchstens ein Beispiel. Er ersetzt die sichtbare Beschriftung nicht.

Der Website-Check findet Formularfelder ohne technisch erkennbare Beschriftung.

Formularfelder meiner Website prüfen