Vamos a continuar con la descripción y uso de los nuevos elementos para formularios que nos proporciona HTML5, como en el post anterior vamos a ver 3 nuevos elementos.

• Input type search.

<input type="search"/>

Es un campo de texto para búsquedas, el aspecto es el mismo pero nos proporciona información semántica que en estos momentos es muy importante para el SEO o posicionamiento en buscadores. Es compatible con Chrome y Safari .

• Input type email.

<input type="email" />

Ademas de proporcionar información semántica, tiene utilidades de validación, ya que este campo de texto no permite
que lo que contiene también activa en versiones móviles ciertas opciones útiles (de teclado, acceso a libreta de direcciones…). Es compatible con Chrome, Safari y Opera.

• Input type tel.

< type="tel"/> 

Este tipo de elemento de entrada, en la actualidad solo tiene soporte en dispositivos móviles, para cambiar el tipo de teclado o acceder a agendas o libretas de direcciones. Además de la información semántica como el anterior también tiene utilidad para hacer validaciones.

Como solo se puede utilizar para dispositivos móviles la compatibilidad de este tipo de input dependerá del navegador móvil que estemos utilizando.

Esperemos que tanto este post como los de la serie que estamos realizando os sirvan para aprender sobre los nuevos elementos que nos esta proporcionando HTML5 para nuestros desarrollos Web.