Een label aan een veld koppelen

Een label benoemt een invoerveld. Bij een expliciete koppeling komt de waarde van for overeen met de id van het veld. Daardoor kan klikken op het label de bijbehorende invoer activeren of de focus ernaartoe brengen.

Gebruik zichtbare tekst die blijft staan terwijl iemand typt. Een placeholder verdwijnt bij invoer en is daarom geen volwaardige vervanging voor een label. Controleer de koppeling met toetsenbord en muis, niet alleen aan de hand van de afstand op het scherm. Twee elementen kunnen vlak naast elkaar staan zonder technisch verbonden te zijn. Voor ieder volgend veld kies je een andere id.

Voorbeeld

<label for="woonplaats">Woonplaats</label>
<input id="woonplaats" name="woonplaats" type="text">

Naslag: MDN Web Docs over dit onderdeel. De uitleg hierboven is zelfstandig geformuleerd.

Verder binnen dit onderwerp: De browser helpen met invullen.