Geef invoervelden geen minimum/maximum tekstlengte
Soms is het verleidelijk om met minimale of maximale lengtes te werken. Maar in veel gevallen, bijvoorbeeld bij namen, kan dit bijvoorbeeld zorgen dat mensen hun naam niet kunnen invullen. Optimaliseer in dit geval voor uitersten. Er zijn namen van één karakter en van vijftig: aannames vermijden is dus het devies.
Doen
Geef de mogelijkheid korte en lange teksten in te vullen.
<label for="woonplaats1">Uw woonplaats</label><input id="woonplaats1" type="text" name="woonplaats" autocomplete="address-level2"/>
Niet doen
Limiteer het maximaal aantal in te voeren tekens.
Mensen uit Gasselterboerveenschemond of Westerhaar-Vriezenveensewijk willen ook graag hun woonplaats invoeren.<label for="woonplaats2">Uw woonplaats</label><input id="woonplaats2" type="text" name="email" maxlength="20" autocomplete="address-level2"/>
Niet doen
Limiteer het minimaal aantal in te voeren tekens.
Jo, Bo en X willen ook graag hun voornaam invullen.<label for="voornaam1">Je voornaam</label><input id="voornaam1" type="text" name="voornaam" minlength="3" autocomplete="given-name"/>
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.