Atribut type na <input> spremeni njegov UI, zaslonsko tipkovnico (mobilne naprave) in vgrajeno preverjanje. Uporaba pravilnega tipa izboljša uporabnost in omogoča brezplačno preverjanje.
html
Atribut type na <input> spremeni njegov UI, zaslonsko tipkovnico (mobilne naprave) in vgrajeno preverjanje. Uporaba pravilnega tipa izboljša uporabnost in omogoča brezplačno preverjanje.
Mobilne tipkovnice se prilagodijo — type="email" prikaže tipko @, type="tel" prikaže številčnico, type="number" prikaže števke. To je samo po sebi velika zmaga uporabnosti na telefonih.
Brezplačno preverjanje — type="email" zavrne not-an-email ob oddaji, min/max omejijo števila, type="url" preveri veljaven URL — brez JavaScripta.
<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 -->
Izbira pravilnega input tipa vam da boljše mobilne tipkovnice, naročite izbiralnike in vgrajeno preverjanje brezplačno — izboljšate dostopnost in zmanjšate JavaScript, ki bi ga drugače morali napisati.
To je majhna izbira s preusmerjenim donosom uporabniške izkušnje.