6. 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.
7. 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.
8. 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.
9. En la página web cuando no llenemos un dato
nos aparecerá así.
Luego con este código saldrá el calendario.
10. Y al ejecutar lo encontraremos así.
Colocamos el código para colocar color a
nuestra página web.
11. Y al ejecutar el código anterior así nos saldrá
el resultad.
Y el código anterior será para opción del color.
12. 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.
13. 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
14. <!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="tunombre@dominio.com"><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>