jueves, 4 de septiembre de 2014

Curso HTML 5: Nuevos tipos de input

Curso HTML 5: Nuevos tipos de input

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.

  Chrome   Internet Explorer   Firefox   Safari   Opera

date: Caja de texto donde tenemos la opción de insertar la fecha que queramos.

  Chrome   Internet Explorer   Firefox   Safari   Opera

datetime: Además de la fecha, también podemos escoger la hora con huso horario.

  Chrome   Internet Explorer   Firefox   Safari   Opera

datetime-local: Además de la fecha, también podemos escoger la hora sin huso horario.

  Chrome   Internet Explorer   Firefox   Safari   Opera

email: Campo destinado para las direcciones de correo. Dependiendo del navegador puede ser validado automáticamente.

  Chrome   Internet Explorer   Firefox   Safari   Opera

month: Permite seleccionar cualquier mes del año.

  Chrome   Internet Explorer   Firefox   Safari   Opera

number: Destinado para campos que deben ser numéricos. Se puede añadir restricciones de cantidad.

  Chrome   Internet Explorer   Firefox   Safari   Opera

range: Selecciona los valores de un rango determinado por nosotros. Dependiendo del navegador puede visualizarse como un slider.

  Chrome   Internet Explorer   Firefox   Safari   Opera

search: Campo de búsqueda.

  Chrome   Internet Explorer   Firefox   Safari   Opera

tel: Campo destinado para contener un número de teléfono.

  Chrome   Internet Explorer   Firefox   Safari   Opera

time: Permite seleccionar la hora sin huso horario.

  Chrome   Internet Explorer   Firefox   Safari   Opera

url: Campo destinado para las direcciones web. Dependiendo del navegador puede ser validado automáticamente.

  Chrome   Internet Explorer   Firefox   Safari   Opera

week: Permite seleccionar cualquier semana del año.

  Chrome   Internet Explorer   Firefox   Safari   Opera

0 comentarios:

Publicar un comentario