Formulario en html 5

15
Formulario en Html 5 Sandra Viviana Moran 11 c Ignacio realpe

Transcript of Formulario en html 5

Page 1: Formulario en html 5

Formulario en Html 5

Sandra Viviana Moran

11 c

Ignacio realpe

Page 2: Formulario en html 5

para empezar primero que todo abrimos notepad++ y empesaremos escribiendo las siguientes etiquetas

Luego colocaremos el titulo y la etiqueta para hacer el formulario

Y para que salga la opción del nombre y apellido le colocaremos las siguientes etiquetas

Luego de esto lo guadaremos en una carpeta con el nombre de formulario.html

Este es para el titulo que se llamara FORMULA

Este es para que salga como formulario

Page 3: Formulario en html 5

y luego para vamos a ejecutar y le damos en cualquier navegador

Y nos saldrá asi: y le colocaremmos nuestro nombre asi

y le colocaremmos nuestro nombre asi:

Luego el mismo código será para el apellido

Page 4: Formulario en html 5

Y ahora lo ejecutaremos y le colocaremos el apellido

Ahora creamos una etiqueta para que se pueda seleccionar

Page 5: Formulario en html 5

Ejecutamos

Ahora para la contraseña daremos el siguiente tag y al ejecutarla veremos como la contraseña nos saldrá en forma de punto o asteriscos

Page 6: Formulario en html 5

Después saldrá asi:

Ahora colocaremos para seleccionar varias opciones en este caso se le colocara si repite o no

Page 7: Formulario en html 5

Y ejecutamos

Siguiendo con los tags ahora colocaremos uno para poder seleccionar un archivo de nuestro ordenador

Page 8: Formulario en html 5

Luego al ejecutarla nos sale asi y al darle clic en la opción de seleccionar archivo nos sale el cuadro donde seleccionamos el archivo que queramos

Luego colocaremos un requisito el cual aparecerá cuando alguna acción no se haya hecho

Para ello colocaremos el “requered”

Page 9: Formulario en html 5

Y veremos como al no escribir una información nos saldrá un texto asi

Después colocaremos el correo electrónico que saldrá como escribirlo con el siguiente código

Page 10: Formulario en html 5

Ahora aumentaremos los tags para fecha y el color

Page 11: Formulario en html 5

Luego colocaremos un ta para que salga una barra que nois indique sea mayor o menor y colocaremos uno para seleccionar varios números y le colocaremo desde cual numero va hasta el que terminara

Page 12: Formulario en html 5

Ahorapor ultimo nuestro formulario quedara asi

Page 13: Formulario en html 5

Gracias

Page 14: Formulario en html 5