El atributo type en <input> cambia su interfaz de usuario, teclado en pantalla (móvil) y validación integrada. Usar el tipo correcto mejora la usabilidad y proporciona validación gratuita.
El atributo type en <input> cambia su interfaz de usuario, teclado en pantalla (móvil) y validación integrada. Usar el tipo correcto mejora la usabilidad y proporciona validación gratuita.
Los teclados móviles se adaptan — type="email" muestra la tecla @, type="tel" muestra un teclado numérico, type="number" muestra dígitos. Solo eso es una gran ventaja de usabilidad en teléfonos.
Validación gratuita — type="email" rechaza not-an-email al enviar, min/max limitan números, type="url" verifica una URL válida — no se requiere 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 -->
Elegir el tipo de entrada correcto te proporciona mejores teclados móviles, selectores nativos y validación integrada de forma gratuita — mejorando la accesibilidad y reduciendo el JavaScript que de otro modo tendrías que escribir.
Es una pequeña opción con un retorno de experiencia de usuario desproporcionado.