Nuevos tipos de input en HTML5

Ya sólo quedan dos semanas para acabar el año 2015 y las aprovecharemos para consolidar tu aprendizaje de HTML. Si haces un poco de memoria, en las lecciones más recientes hemos estado aprendiendo varias novedades introducidas por el HTML5 y hoy vamos a indagar un poquito más. Vamos a hablar de nuevos tipos de inputs, que harán que nuestro código sea más semántico y en algunos casos más usable.

Además, ya te aviso que nos volveremos a encontrar con problemas de compatibilidad entre navegadores. Por tanto es muy posible que si pruebas el código que veremos a continuación, funcione bien en navegadores como Google Chrome, pero no lo haga en Safari o Firefox (de Internet Explorer mejor ni hablamos). Así que en mi humilde opinión si compruebas que un tipo de campo sólo funciona en un navegador concreto, no lo incluyas en tus layouts, pero está bien que veas las posibilidades que tendremos en un futuro inmediato. Vamos a ello:

Como siempre te dejo con el código para que hagas tus propias pruebas:

  • index.html

Y eso es todo por este artículo, recuerda que puedes seguir aprendiendo con los cursos de diseño y desarrollo WordPress del Club SiliCodeValley, a partir de 29€/mes sin permanencia, con soporte a tus dudas incluido y acceso a la comunidad privada de miembros.

¡Un abrazo y feliz navidad!

Deja un comentario

Resumen de privacidad
SiliCodeValley

Esta web utiliza cookies propias y analíticas para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Cookies analíticas

Esta web utiliza Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.