Pajunas de html5
Descargar como DOCX, PDF0 recomendaciones252 vistas
El documento presenta el código HTML para crear un formulario web con diferentes campos como nombre, apellidos, correo, fecha, color, número, contraseña, opción de menú desplegable para el curso, botones de opción y selección de archivos. Se explica brevemente cada campo y se muestra el código y resultado al ejecutarlo. El formulario permite recopilar información del usuario para su envío.
Pajunas de html5
- 1. Presentado por: Viviana perenguez Drado: 11 computaciones Docente: José Ignacio re alpe
- 2. 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.
- 3. Al ejecutar podemos ver.
- 4. Luego seguimos con un menú despegable que selecciona el curso donde se encuentra. El código es el siguiente.
- 5. Lo que aparecerá al ejecutar es lo siguiente
- 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>
- 15. </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>