Hola geeks el día de hoy vamos a presentar nuevos atributos y variables de la etiqueta <input> dentro de la construcción de formularios con los estándares de HTML5 vemos como adquiere gran relevancia al ampliarse los elementos y el valor semántico que este aporta.
Ahora a continuación presentamos a cada uno de ellos:
<input type="range">
Este tipo de <input> puede recibir atributos como: min, max, step y value entre otros a continuación vamos a apreciar un ejemplo de su uso.
PRIMERO CREAMOS LA VISTA

LE DAMOS UN POCO DE ESTILO

DESARROLLAMOS LA LOGICA DEL EJERCICIO

Todo el código está documentado y lo pueden descargar aquí.
<input type="email">
Empleamos este tipo de type para indicarle al navegador que sólo permita las cadenas que se ajusten a una estructura de dirección de correo electrónico válida. Así es, incorporado en la validación de formularios pronto estará aquí! aunque no se puede confiar 100% en esto todavía, por razones obvias. En navegadores antiguos que no entienden esta type, simplemente se empleara un input normal.


Descarga el ejercicio aquí.
Eso es todo por hoy muchach@s recuerden visitar el pensum del curso y de realizar sus consultas en formspring o déjanos tu comentario 
No olvides seguir en twitter a:
Para estar al día con las entradas de la comunidad Avanet.