type-attributtet på <input> endrer brukergrensesnittet, skjermtastaturet (mobil) og innebygd validering. Å bruke riktig type forbedrer brukervennlighet og gir gratis validering.
html
type-attributtet på <input> endrer brukergrensesnittet, skjermtastaturet (mobil) og innebygd validering. Å bruke riktig type forbedrer brukervennlighet og gir gratis validering.
Mobile tastatur tilpasses — type="email" viser @-tasten, type="tel" viser nummerkort, type="number" viser sifre. Dette alene er en stor brukervennlighetsgevinst på telefoner.
Gratis validering — type="email" avviser not-an-email ved innsending, min/max begrenser tall, type="url" sjekker for gyldig URL — ingen JavaScript påkrevd.
<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 -->
Å velge riktig inndatatype gir deg bedre mobile tastatur, innebygde velgere og innebygd validering gratis — noe som forbedrer tilgjengelighet og reduserer JavaScript du ellers måtte skrive.
Det er et lite valg med stor UX-gevinst.