1. Formularios con HTML5
Para empezar debemos abrir el notepad ++ (siguiente figura)
Luego vamos a empezar creando un comentario <!---FORMULARIOS EN HTML 5---->
despues escrbimos <!DOCTYPE HTML> y abrimos las etiquetas de html y head en ellas
vamos a escribir el titulo o title
<!---FORMULARIOS EN HTML 5---->
2. <!DOCTYPE HTML>
<html>
<title>formulario en HTML 5</title></text><br/><br/>
<BIG><FONT face="algerian" color="orange" size=200><center>
<h1>FORMULARIO</H1
</BIG></FONT></center>
</head>
Para ello personalize un poco el titulo con las etiquetas FONT FACE Y COLOR es decir
cambie el tipo de letra y el color
<title>formulario en HTML 5</title></text><br/><br/>
<BIG><FONT face="algerian" color="orange" size=200><center>
<h1>FORMULARIO</H1
</BIG></FONT></center>
Luego debemos abrir y cerrar las etiquetas de el cuerpo BODY donde vamos a
introducir todo el contenido de la pagina tambien personalize el color del cuerpo y la
letra no debemos olvidar cerrar las etiquetas
<body bgcolor="#0000">
<BIG><FONT face="cambria" color="orange" size=5>
</body></BIG></font>
Primero que todo debemos especificar hacia donde va a ser enviado nuestro
formulario para ello utilizamos los siguientes tag
3. <form action="envio.php" method="post"
Es decir nuestro destino es envio.php y es de un metodo llamado post
Ahora empezaremos creando el formulario pidiendo el nombre del usuario (siguiente
linea) debe estar dentro de las etiquetas <label></label>
<label>Tu nombre:</label>
Y luego vamos a poner una casilla para que el usuario escriba su nombre (siguiente
linea) debe estar dentro de la etiqueta <input />
<input type="text"name="Nombre"required/><br/>
Esta casilla es de tipo (TYPE) texto (TEXT) y el REQUIRED es como una funcion que
cuando el usuario no escribe algun dato este se lo recordara que es necesario
Vamos a ejecutar nuestra pagina para ver lo que tenemos hasta el momento para ello
debemos ir al menu ejecutar y seleccionar el navgador
Pero antes debemos guardar el codigo en una carpeta que se llame formulario
4. Esto es lo que aparecera por pantalla (siguiente figura)
Como se puede ver el color de letra es diferente y el color del cuerpo tambien ahora
para agregar mas casillas y completar el formulario añadimos mas lineas o codigos
como los anteriores en este caso agregare un acon los apellidos, el correo electronico,
la fecha, el curso tambien agregare una contraseña, una casilla para añadir un archivo
desde la PC o memoria donde este almaceado y una opcion si se repite (siguiente
codigo)
<label>Tus pellidos:</label>
<input type="text"name="apellidos" required/><br/>
<label>Correo:</label>
<input type="amail" value="tunombre@gmail.com"/><br/>
<label>fecha:</label>
<input type="date" /></br>
<label>color:</label><br/>
<input type="color"/><br/>
<input type="range"max="20"min="10"step="1"/></br>
<label>nombre</label>
6. Luego de incluir todas estas lineas o casillas vamos ejecutar la pagina (siguiente
figura)
7. Recuerdan la funcion REQUERIT para esto sirve (siguiente figura)
Si el usuario no a llenado un campo el de dira COMPLETA ESTE CAMPO le podemos
añadir otras cosas mas que sean de vuestro agrado
GRACIA
S
