Aandachtspunten
Houd bij het opmaken van formulieren de volgende aandachtspunten in gedachten:
- Een kolom is meer dan genoeg
- Verwijder niet essentiele velden
- Gebruik een logische volgorde
- Groepeer gerelateerde velden met een fieldset (en legend)
- Labels staan boven formulier items
- Gebruik geen placeholder tekst
- Optionele velden worden gemarkeerd met de tekst 'optioneel'
- Errors worden als lijst bovenaan weergegeven!
- Errors worden als extra label onder het betreffende input fields geplaatst
- Knoppen zijn beschrijvend ('meld je' aan ipv 'verder')
- Primaire en secundaire knoppen zijn visueel onderscheiden
- Knoppen staan onderaan links
Voorbeeld
De aandachtspunten zijn in onderstaand formulier toegepast. ProTip: Bekijk de broncode!
Overige tekstinvoervelden
In het voorbeeldformulier staan een aantal veelgebruikte tekstinvoervelden. Er bestaan een heleboel gespecialiseerde invoervelden voor specifieke soorten tekst.
Als je het juiste invoerveld gebruikt bedien je de auto aanvullen opties van de browser van de gebruiker.
Knoppen
Een opsomming van alle typen knoppen.
Data
Formuliervelden die te maken hebben met tijd en datum.
Let op: deze zijn niet overal goed ondersteund.
Overig
Tenslotte zijn er nog een paar andere invoervelden.