Como hemos podido ver en anteriores entradas, HTML5 trae consigo una amplia lista de nuevos elementos. En esta entrada vamos a centrarnos en los nuevos tipos de input para formularios. Estas nuevas características permiten una mejor validación y control de datos.
A continuación puedes observar un listado con los nuevos input de HTML 5 y su soporte en diferentes navegadores:
color: Muestra una lista con colores a elegir.
date: Caja de texto donde tenemos la opción de insertar la fecha que queramos.
datetime: Además de la fecha, también podemos escoger la hora con huso horario.
datetime-local: Además de la fecha, también podemos escoger la hora sin huso horario.
email: Campo destinado para las direcciones de correo. Dependiendo del navegador puede ser validado automáticamente.
month: Permite seleccionar cualquier mes del año.
number: Destinado para campos que deben ser numéricos. Se puede añadir restricciones de cantidad.
range: Selecciona los valores de un rango determinado por nosotros. Dependiendo del navegador puede visualizarse como un slider.
search: Campo de búsqueda.
tel: Campo destinado para contener un número de teléfono.
time: Permite seleccionar la hora sin huso horario.
url: Campo destinado para las direcciones web. Dependiendo del navegador puede ser validado automáticamente.
week: Permite seleccionar cualquier semana del año.
Comentarios
Publicar un comentario