Formulario
-
Upload
leidy-insandara -
Category
Documents
-
view
423 -
download
3
Transcript of Formulario
![Page 1: Formulario](https://reader031.fdocuments.mx/reader031/viewer/2022020116/55b4992fbb61ebfb608b4663/html5/thumbnails/1.jpg)
![Page 2: Formulario](https://reader031.fdocuments.mx/reader031/viewer/2022020116/55b4992fbb61ebfb608b4663/html5/thumbnails/2.jpg)
lo primero que hacemos es abrir el programa de nottepad ++ y luego implementamos los primeros codigos que me ban a servir para
colocar los nombres y apellidos
ENCABEZADO
luego el codigo para implementar el nombre y los apellidos
![Page 3: Formulario](https://reader031.fdocuments.mx/reader031/viewer/2022020116/55b4992fbb61ebfb608b4663/html5/thumbnails/3.jpg)
LUEGO LO EJECUTAMOSal ejecutarlo nos queda asi
luego implementamos los codigos par que en pantalla nos aparesca un mneu desplegable de
primer curso y segundo curso
LUEGO LO EJECUTAMOSal ejecutarlo nos queda asi
![Page 4: Formulario](https://reader031.fdocuments.mx/reader031/viewer/2022020116/55b4992fbb61ebfb608b4663/html5/thumbnails/4.jpg)
ahora bamos a colcoarle al formulario una contraseña para ello le implementamos el
siguiente codigo
LUEGO LO EJECUTAMOSal ejecutarlo nos queda asi
luego implementamos el codigo para asi poder obtener dos opciones que me digan
![Page 5: Formulario](https://reader031.fdocuments.mx/reader031/viewer/2022020116/55b4992fbb61ebfb608b4663/html5/thumbnails/5.jpg)
(SI) O (NO)
LUEGO LO EJECUTAMOSal ejecutarlo nos queda asi
Hasat el momento el formulario esta asi
Luego implementamos el codigo de required en pantalla
CLIC
![Page 6: Formulario](https://reader031.fdocuments.mx/reader031/viewer/2022020116/55b4992fbb61ebfb608b4663/html5/thumbnails/6.jpg)
LUEGO LO EJECUTAMOSal ejecutarlo nos queda asi
Luego implementamos un codigo que me sirba para obtener un calendario
LUEGO LO EJECUTAMOS
CLIC
![Page 7: Formulario](https://reader031.fdocuments.mx/reader031/viewer/2022020116/55b4992fbb61ebfb608b4663/html5/thumbnails/7.jpg)
al ejecutarlo nos queda asi
Luego implementamos un codigo para colocar el color y asi poder elegir a gusto para ello
implementamos el siguiente codigo
LUEGO LO EJECUTAMOS
![Page 8: Formulario](https://reader031.fdocuments.mx/reader031/viewer/2022020116/55b4992fbb61ebfb608b4663/html5/thumbnails/8.jpg)
al ejecutarlo nos queda asi
Luego implementamos el siguiente codigo para que me aparesca en pantalla una barra que me permite aumentar o disminuir la cantidad que
deseo
![Page 9: Formulario](https://reader031.fdocuments.mx/reader031/viewer/2022020116/55b4992fbb61ebfb608b4663/html5/thumbnails/9.jpg)
LUEGO LO EJECUTAMOSal ejecutarlo nos queda asi
Finalmente el formulario nos queda asi
![Page 10: Formulario](https://reader031.fdocuments.mx/reader031/viewer/2022020116/55b4992fbb61ebfb608b4663/html5/thumbnails/10.jpg)
formularios en html5
<!DOCTYPE HTML>
<html>
<head>
<title>formulario de html</title><br/><br/></head>
<body>
<form action="envio.php" method="POST">
<label>su nombre es</label>
<input type="text"name="nombre"required/><br><br/>
<label>sus apellidos</label>
<input type="text"name="apellidos"/><br/><br/>
CODIGOS
APLICADOS PARA
EL FORMULARI
O
![Page 11: Formulario](https://reader031.fdocuments.mx/reader031/viewer/2022020116/55b4992fbb61ebfb608b4663/html5/thumbnails/11.jpg)
<label>tu correo:</label>
<input type="amail" value="[email protected]"><br><br/>
<label>fecha</label>
<input type="date"/><br><br/>
<label>color</label>
<input type="color"/><br><br/>
<input type="range"max="10" min="0" step="1"/><br/><br/>
<label>numero</label>
<input type="number"max="10" min="0" value="5"/><br/><br/>
<label>cuerso</label>
<!--select es una linea para seleccionar mediante opciones-->
![Page 12: Formulario](https://reader031.fdocuments.mx/reader031/viewer/2022020116/55b4992fbb61ebfb608b4663/html5/thumbnails/12.jpg)
<select name=" cuerso">
<option value="1">primer curso</option>
<option value="2">segundo curso</option>
<option value="3">tercer curso</option>
</select>
<br/></br>
<label>contraseña<label>
<input type="password"name="contasenia"required/><br/><br/>
<label>repite</label>
<input type="radio"name="repite" value="opcion1">si</input>
<input type="radio"name="repite" value="opcion2">no</input><br/>
![Page 13: Formulario](https://reader031.fdocuments.mx/reader031/viewer/2022020116/55b4992fbb61ebfb608b4663/html5/thumbnails/13.jpg)
<!--el siguiente tag es para escoger un archivo-->
<input type="file"accept="acept/jpeg"/><br><br/>
<!--el siguiente boton sirve para enviar la informacion-->
<input type="submit"accept="enviar"/>
</body>
</html>
De esta forma es como poco a poco se ba creando el formulario
Para dar espacios siempre utilizo el código (br)
![Page 14: Formulario](https://reader031.fdocuments.mx/reader031/viewer/2022020116/55b4992fbb61ebfb608b4663/html5/thumbnails/14.jpg)
![Page 15: Formulario](https://reader031.fdocuments.mx/reader031/viewer/2022020116/55b4992fbb61ebfb608b4663/html5/thumbnails/15.jpg)
GRACIAS