PAGINAS WEB

FORMULARIO EN HTML 5

Nombre: brigitt michelle lopez rendon

Grado: 11 computacion

Profesor: ignacio realpe

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

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

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

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

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

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

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

Seguimos con nuestro código

Ahora aremos un botón donde diga enviar así al ejecutarlo nos va dar la imagen de abajo

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

Ahora crearemos una casilla +donde pidan tu correo electrónico así como lo muestra el código

Al ejecutarlo nos va dar así

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

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

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

GRACIAS