Diferentes tipos de “input”

¿Han notado que a veces al llenar un formulario en su teléfono (ó tablet) el teclado cambia de acuerdo
al dato que van a introducir? Esto es posible gracias los diferentes tipos de “input” que ha introducido HTML5.

Aquí algunos ejemplos:

<input type="text">
El más usado se ve así:
text

<input type="email">
Este teclado no solo muestra las letras, sino también “@” y “.” para completar nuestra dirección de email.
email

<input type="url">
Este teclado se muestra optimizado con “.”, “/” y “.com”.
url

<input type="number">
Y aquí aparece el teclado númerico.
number

<input type="tel">
Nos muestra el teclado generalmente utilizado cuando simplemente marcamos algún número teléfonico.
tel

Para conocer más sobre los tipos de “input” introducidos con HTML5 el artículo “A Form Of Madness” está súper completo.

Diseño Comentarios desactivados en Diferentes tipos de “input”

Comentarios cerrados.