Attributten type på <input> ændrer dets brugerflade, skermtastatur (mobil) og indbygget validering. Brug af den rigtige type forbedrer brugervenlighed og giver gratis validering.
html
Attributten type på <input> ændrer dets brugerflade, skermtastatur (mobil) og indbygget validering. Brug af den rigtige type forbedrer brugervenlighed og giver gratis validering.
Mobiltatstatur tilpasser sig — type="email" viser tasten @, type="tel" viser et talblok, type="number" viser cifre. Alene det er en stor gevinst for brugervenlighed på telefoner.
Gratis validering — type="email" afviser not-an-email ved indsendelse, min/max begrænser tal, type="url" kontrollerer en gyldig URL — ingen JavaScript kræves.
<input type="radio" name="plan" value="free" /> Free
<input type="radio" name="plan" value="pro" /> Pro
<!-- same name = mutually exclusive; only one can be selected -->
At vælge den rigtige inputtype giver dig bedre mobiltatstatur, native vælgere og indbygget validering gratis — hvilket forbedrer tilgængelighed og reducerer det JavaScript, du ellers skulle skrive.
Det er et lille valg med en betydelig UX-udbytte.