Pajunas de html5
-
Upload
kmilitha-estrada -
Category
Documents
-
view
137 -
download
2
Transcript of Pajunas de html5
![Page 1: Pajunas de html5](https://reader034.fdocument.pub/reader034/viewer/2022042522/559cf1501a28ab545a8b47b6/html5/thumbnails/1.jpg)
Presentado por: Viviana perenguez
Drado: 11 computaciones
Docente: José Ignacio re alpe
![Page 2: Pajunas de html5](https://reader034.fdocument.pub/reader034/viewer/2022042522/559cf1501a28ab545a8b47b6/html5/thumbnails/2.jpg)
El primer código que vamos a utilizar es el del nombre y el de los
apellidos.
Este es el código de nombre y apellidos.
![Page 3: Pajunas de html5](https://reader034.fdocument.pub/reader034/viewer/2022042522/559cf1501a28ab545a8b47b6/html5/thumbnails/3.jpg)
Al ejecutar podemos ver.
![Page 4: Pajunas de html5](https://reader034.fdocument.pub/reader034/viewer/2022042522/559cf1501a28ab545a8b47b6/html5/thumbnails/4.jpg)
Luego seguimos con un menú despegable que selecciona
el curso donde se encuentra.
El código es el siguiente.
![Page 5: Pajunas de html5](https://reader034.fdocument.pub/reader034/viewer/2022042522/559cf1501a28ab545a8b47b6/html5/thumbnails/5.jpg)
Lo que aparecerá al ejecutar es lo siguiente
![Page 6: Pajunas de html5](https://reader034.fdocument.pub/reader034/viewer/2022042522/559cf1501a28ab545a8b47b6/html5/thumbnails/6.jpg)
Luego seguiremos con la contraseña para colocar a
nuestra página que pida contraseña se le colocara el
siguiente código.
Al ejecutarlo encontraremos lo siguiente donde
miraremos que la contraseña no será visible sino
aparecerá en puntos.
Al continuar colocaremos una opción que la dar clic le
podemos decirse o no.
![Page 7: Pajunas de html5](https://reader034.fdocument.pub/reader034/viewer/2022042522/559cf1501a28ab545a8b47b6/html5/thumbnails/7.jpg)
El código es.
Al ejecutarlo podemos ver que aparece lo siguiente.
El siguiente códigos e lo selecciona para escoger un
archivo ya sea imagen o video.
![Page 8: Pajunas de html5](https://reader034.fdocument.pub/reader034/viewer/2022042522/559cf1501a28ab545a8b47b6/html5/thumbnails/8.jpg)
El código es el siguiente.
Y al ejecutar podremos ver que el resultado será el
siguiente
Otro código es utilizando el requiere que se lo
coloca de esta manera en el siguiente código.
![Page 9: Pajunas de html5](https://reader034.fdocument.pub/reader034/viewer/2022042522/559cf1501a28ab545a8b47b6/html5/thumbnails/9.jpg)
En la página web cuando no llenemos un dato
nos aparecerá así.
Luego con este código saldrá el calendario.
![Page 10: Pajunas de html5](https://reader034.fdocument.pub/reader034/viewer/2022042522/559cf1501a28ab545a8b47b6/html5/thumbnails/10.jpg)
Y al ejecutar lo encontraremos así.
Colocamos el código para colocar color a
nuestra página web.
![Page 11: Pajunas de html5](https://reader034.fdocument.pub/reader034/viewer/2022042522/559cf1501a28ab545a8b47b6/html5/thumbnails/11.jpg)
Y al ejecutar el código anterior así nos saldrá
el resultad.
Y el código anterior será para opción del color.
![Page 12: Pajunas de html5](https://reader034.fdocument.pub/reader034/viewer/2022042522/559cf1501a28ab545a8b47b6/html5/thumbnails/12.jpg)
Y al ejecutar el resultado será siguiente.
Y el código con el cual terminaremos es el de
colocar numero en nuestra página web.
Y al ejecutar encontraremos lo siguiente.
![Page 13: Pajunas de html5](https://reader034.fdocument.pub/reader034/viewer/2022042522/559cf1501a28ab545a8b47b6/html5/thumbnails/13.jpg)
El resultado de nuestra página será la
siguiente.
Y el código con el cual hemos trabajado todo
lo anterior es el siguiente.
Formularios en html5
![Page 14: Pajunas de html5](https://reader034.fdocument.pub/reader034/viewer/2022042522/559cf1501a28ab545a8b47b6/html5/thumbnails/14.jpg)
<!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/>
<label>tucorreo:</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-->
<select name=" cuerso">
<option value="1">primer curso</option>
<optionvalue="2">segundo curso</option>
<option value="3">tercercurso</option>
![Page 15: Pajunas de html5](https://reader034.fdocument.pub/reader034/viewer/2022042522/559cf1501a28ab545a8b47b6/html5/thumbnails/15.jpg)
</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/>
<!--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>
![Page 16: Pajunas de html5](https://reader034.fdocument.pub/reader034/viewer/2022042522/559cf1501a28ab545a8b47b6/html5/thumbnails/16.jpg)