<input> -elementin type -attribuutti muuttaa sen käyttöliittymää, näytönpäälle ilmestyvää näppäimistöä (mobiili) ja sisäänrakennettua validointia. Oikean tyypin käyttäminen parantaa käytettävyyttä ja tarjoaa ilmaisen validoinnin.
html
<input> -elementin type -attribuutti muuttaa sen käyttöliittymää, näytönpäälle ilmestyvää näppäimistöä (mobiili) ja sisäänrakennettua validointia. Oikean tyypin käyttäminen parantaa käytettävyyttä ja tarjoaa ilmaisen validoinnin.
Mobiilinäppäimistöt mukautuvat — type="email" näyttää @ -näppäimen, type="tel" näyttää numeronäppäimistön, type="number" näyttää numerot. Pelkästään tämä on suuri käytettävyyden voitto puhelimissa.
Ilmainen validointi — type="email" hylkää not-an-email -arvon lähetyksen yhteydessä, min/max rajoittavat numeroita, type="url" tarkistaa kelvollisen URL-osoitteen — JavaScript ei ole tarpeen.
<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 -->
Oikean syötteen tyypin valitseminen antaa sinulle paremmat mobiilinäppäimistöt, natiiviselektorit ja sisäänrakennetun validoinnin ilmaiseksi — parantaa saavutettavuutta ja vähentää JavaScriptiä, joka sinun muuten olisi kirjoitettava.
Se on pieni valinta, jolla on valtava käyttäjäkokemuksen hyöty.