HTML5.- Construyendo Formularios en WebMatrix Parte 1


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

image

 

 

LE DAMOS UN POCO DE ESTILO

 

image

 

 

DESARROLLAMOS LA LOGICA DEL EJERCICIO

 

image

 

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.

image

 

image

 

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 Wink

No olvides seguir en twitter a:

Para estar al día con las entradas de la comunidad Avanet.

Anuncios