Terug naar de inhoudsopgave

Form labels

Labelling

Geen label:

Alleen een placeholder:

Eigenlijk geen label, maar gewoon tekst in een spatie naast de tekst.

Wat is je lievelingskleur?

Een label, maar niet gekoppeld aan de invoer:


Juiste label/input koppeling:


Juiste label/input koppeling plus een placeholder:


Alternativen

Implicit label:

 
    <label for="kleur">Wat is je lievelingskleur?
        <input type="text" id="kleur" name="lievelingskleur">
    </label>

            

Gebruik een aria-label (niet aanbevolen als zichtbare naam verdwijnt):

 
     <input type="text" id="size" name="size" aria-label="Size" placeholder="Size">

            

Houd het label simpel en to-the-point

Fout: gebruik geen link in een label

Lees onze leveringsvoorwaarden (opent in een nieuw venster).