1. PAGINAS WEB
FORMULARIO EN HTML 5
Nombre: brigitt michelle lopez rendon
Grado: 11 computacion
Profesor: ignacio realpe

2. Empesamos colacondo un titulo llamado formulario en html5 aremos una etiqueta con form como
es un formulario sera clasificado para que aparesca al ejecutarlo una casilla donde nos permita
colocar nuestro nombre
al ejecutarlo nos va dar la opcion de poner nuestro nombre como lo muestra la imagen de abajo

3. Lo guardaremos como html y tengamos en cuenta que el lenguaje sera igual como html en una
carpeta que noc te pierda y la tengamos lista para ejecutar y no confundirnos
Escojeremos el lugar donde lo iremos a guardar y lo guardaremos con el nombre de formulario en
html5

4. Ahora crearemos una nueva etiqueta para poner nuestros apellidos como lo muestra la image de
abajo
Al ejecutarlo nos va a salir como la imagen de abajo donde podemos ver las casillas nos permitirán
escribir nuestros datos

5. Seguimos con nuestro formulario ahora pondremos una lista en este caso van hacer los cursos del
1 al 4 para cada uno de nuestra etiquetas va un input un value que es valor o un type que es tipo
Se nos ejecutara de la manera siguiente como lo muestra la imagen de abajo
Ahora crearemos un contrasañe para que salga en nuestra ejecucion el de abajo es nuestro codigo

6. y como nos podemos dar cuenta la contraseña nos va dar en puntitos para mayor seguridad
Nuestra ejecucion se encuentra en la imagen de abajo

7. Seguimos con nuestro formulario esta ves vamos hacer dos botones que nos de un decisión y
selección que digan si o no
Al ejecutarlo nos va dar el resultado de abajo
Podemos elegir la opción que queramos

8. Ahora aremos una nueva etiqueta para poder colocar un archivo en nuestro formulario para que
nos dé la orden de poner un documento en n nuestro formulario
Al ejecutarlo nos aparecerá no se ha seleccionado un archivo pero si tú le das clic en seccionar un
archivo se ira a tu ordenador a busca tu documento
Como esplique anteriormente podemos seleccionar nuestro documento como lo mostrare en la
imagen siguiente

9. Seguimos con nuestro código
Ahora aremos un botón donde diga enviar así al ejecutarlo nos va dar la imagen de abajo

10. Ahora o que crearemos es una advertencia por ejemplo los cuadros que se deben llenar a lo que el
usuario de enviar y uno de ellos no este llenado que le envié una advertencia
La ejecución aparece en la parte de abajo y así aparecerá nuestro formulario

11. Ahora crearemos una casilla +donde pidan tu correo electrónico así como lo muestra el código
Al ejecutarlo nos va dar así

12. En la parte donde te aparecerá para poner tu correo te aparecerá un ejemplo
Ahora a nuestro formulario le pondremos calendario y paleta de colores nuestro código es el
siguiente
Al ejecutarlo nos va dar asi nos saldrá como anteriormente dije la paleta de colores y el calendario

13. Ahora le pondremos una lista de números para que el usuario pueda escogen y una barra para
controlar color o también calendario
Al ejecutarlo no lo mostrara asii

14. Esta es la barra de elección este es el botón de números

15. GRACIAS