Atribut type na <input> mijenja njegov UI, ekranski tipkovnicu (mobilni), i ugrađenu validaciju. Korištenje točnog tipa poboljšava upotrebljivost i daje besplatnu validaciju.
html
Atribut type na <input> mijenja njegov UI, ekranski tipkovnicu (mobilni), i ugrađenu validaciju. Korištenje točnog tipa poboljšava upotrebljivost i daje besplatnu validaciju.
Mobilne tipkovnice se prilagođavaju — type="email" prikazuje @ tipku, type="tel" prikazuje numerički blok, type="number" prikazuje brojeve. Samo je ovo velika dobit za upotrebljivost na telefonima.
Besplatna validacija — type="email" odbija not-an-email pri slanju, min/max ograničavaju brojeve, type="url" provjerava je li URL validan — nije potreban JavaScript.
<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 -->
Odabir točnog tipa unosa daje vam bolje mobilne tipkovnice, izvorne odabrnike i besplatnu ugrađenu validaciju — poboljšavajući dostupnost i smanjujući JavaScript koji biste inače trebali pisati.
To je mali izbor s velikim UX učinkom.