L'attributo type su <input> cambia la sua UI, la tastiera su schermo (mobile) e la validazione incorporata. Usare il tipo giusto migliora l'usabilità e fornisce validazione gratuita.
html
L'attributo type su <input> cambia la sua UI, la tastiera su schermo (mobile) e la validazione incorporata. Usare il tipo giusto migliora l'usabilità e fornisce validazione gratuita.
Le tastiere mobile si adattano — type="email" mostra il tasto @, type="tel" mostra un tastierino numerico, type="number" mostra le cifre. Questo da solo è un grande vantaggio di usabilità sui telefoni.
Validazione gratuita — type="email" rifiuta not-an-email all'invio, min/max limitano i numeri, type="url" controlla un URL valido — nessun JavaScript richiesto.
<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 -->
Scegliere il tipo di input corretto ti fornisce tastiere mobile migliori, picker nativi e validazione incorporata gratuitamente — migliorando l'accessibilità e riducendo il JavaScript che altrimenti dovresti scrivere.
È una piccola scelta con un payoff UX sproporzionato.