Formularios con HTML5Para empezar debemos abrir el notepad ++ (siguiente figura)Luego vamos a empezar creando un comentari...
<!DOCTYPE HTML><html><title>formulario en HTML 5</title></text><br/><br/><BIG><FONT face="algerian" color="orange" size=20...
<form action="envio.php" method="post"Es decir nuestro destino es envio.php y es de un metodo llamado postAhora empezaremo...
Esto es lo que aparecera por pantalla (siguiente figura)Como se puede ver el color de letra es diferente y el color del cu...
<input type="number"max="10" min="1" value="5"/><label>Curso<label><select name="curso"/><option value="1">seleccione curs...
Luego de incluir todas estas lineas o casillas vamos ejecutar la pagina (siguientefigura)
Recuerdan la funcion REQUERIT para esto sirve (siguiente figura)Si el usuario no a llenado un campo el de dira COMPLETA ES...
Upcoming SlideShare
Loading in...5
×

Formularios con html5

1,170

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,170
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Formularios con html5"

  1. 1. Formularios con HTML5Para 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 ellasvamos a escribir el titulo o title<!---FORMULARIOS EN HTML 5---->
  2. 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 decircambie 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 aintroducir todo el contenido de la pagina tambien personalize el color del cuerpo y laletra 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 nuestroformulario para ello utilizamos los siguientes tag
  3. 3. <form action="envio.php" method="post"Es decir nuestro destino es envio.php y es de un metodo llamado postAhora empezaremos creando el formulario pidiendo el nombre del usuario (siguientelinea) 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 (siguientelinea) 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 quecuando el usuario no escribe algun dato este se lo recordara que es necesarioVamos a ejecutar nuestra pagina para ver lo que tenemos hasta el momento para ellodebemos ir al menu ejecutar y seleccionar el navgadorPero antes debemos guardar el codigo en una carpeta que se llame formulario
  4. 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 ahorapara agregar mas casillas y completar el formulario añadimos mas lineas o codigoscomo 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 archivodesde la PC o memoria donde este almaceado y una opcion si se repite (siguientecodigo)<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>
  5. 5. <input type="number"max="10" min="1" value="5"/><label>Curso<label><select name="curso"/><option value="1">seleccione curso</option><option value="1">primer curso</option><option value="1">segundo curso</option></select><br/><label>Contraseña<label><input type="password"name="contrasenia"/><br/><label>Repite</label><input type="radio"name="Repite"value="option1">si</input><input type="radio"name="Repite"value="option2">no</input><br/><input type="file" accept="acept/jpeg"/><br/><input type="submit" value="enviar"/><br/></BIG></FONT></body></html>
  6. 6. Luego de incluir todas estas lineas o casillas vamos ejecutar la pagina (siguientefigura)
  7. 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 podemosañadir otras cosas mas que sean de vuestro agradoGRACIAS

×