Atributul type pe <input> schimbă interfața utilizatorului, tastatura pe ecran (mobile) și validarea încorporată. Utilizarea tipului corect îmbunătățește ușurința în utilizare și oferă validare gratuită.
html
Atributul type pe <input> schimbă interfața utilizatorului, tastatura pe ecran (mobile) și validarea încorporată. Utilizarea tipului corect îmbunătățește ușurința în utilizare și oferă validare gratuită.
Tastaturile mobile se adaptează — type="email" afișează tasta @, type="tel" afișează o tastatură numerică, type="number" afișează cifre. Acest lucru singur este un câștig imens de ușurință în utilizare pe telefoane.
Validare gratuită — type="email" respinge not-an-email la trimitere, min/max limitează numerele, type="url" verifica o URL valida — nu este necesară 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 -->
Alegerea tipului de intrare corect vă oferă tastature mobile mai bune, selectoare native și validare încorporată gratuit — îmbunătățind accesibilitatea și reducând JavaScript pe care l-ați rescrie altfel.
Este o mică alegere cu un câștig uriaș de UX.