Geef geldige waardes aan voor een invoerveld
Geef geldige waardes aan voor een invoerveld (bijvoorbeeld de datum- of wachtwoordeisen) en niet alleen in de placeholder.
Bedenk ook of het echt belangrijk is of, bijvoorbeeld een geboortedatum of telefoonnummer aan exacte invoereisen moet voldoen.
Doen
Leg uit hoe een veld in te vullen.
Bijvoorbeeld in de description.Minimaal 8 karakters, waarvan 2 cijfers en 1 hoofdletter.
codevoorbeeld “Doen” : Leg uit hoe een veld in te vullen.
<label for="ww">Nieuw wachtwoord</label><p id="ww_description">Minimaal 8 karakters, waarvan 2 cijfers en 1 hoofdletter.</p><input type="password" id="ww" name="wachtwoord" aria-describedby="ww_description"/>
Niet doen
Wijze van invullen weglaten.
Laat de gebruiker niet raden of pas bij de foutmeldingen ontdekken wat er mis is.codevoorbeeld “Niet doen” : Wijze van invullen weglaten.
<label for="ww2">Nieuw wachtwoord</label><input type="password" id="ww2" name="wachtwoord"/>
Niet doen
Wijze van invullen alleen in de placeholder zetten.
Zeker als de wijze van invullen precies goed moet zijn.codevoorbeeld “Niet doen” : Wijze van invullen alleen in de placeholder zetten.
<label for="geboortedatum2">Geboortedatum</label><input type="text" id="geboortedatum2" name="geboortedatum" placeholder="dd/mm/jjjj"/>
Over deze richtlijnen
Deze richtlijnen worden onderhouden door het NL Design System en zijn op dit moment in beta.
We willen graag van de community horen of ze werkbaar en nuttig zijn. Heb je vragen, aanvullingen of opmerkingen? Open een issue op GitHub en deel je mening.