Descargar para leer sin conexión
Subido porLeidy Insandara
Formulario
El documento describe los pasos para crear un formulario en HTML5. Inicialmente se abre el programa Notepad++ y se agregan códigos para incluir nombres, apellidos y un menú desplegable para el curso. Luego se agrega una contraseña y opciones de "Sí"/"No". Se continúa agregando códigos para incluir un calendario, seleccionar color, barra de desplazamiento numérico y botón de envío. El formulario final incluye campos para nombre, apellidos, correo, fecha, color, número, curso
Formulario
- 2. lo primero quehacemos 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
- 3. LUEGO LO EJECUTAMOS alejecutarlo nos queda asi luego implementamos los codigos par que en pantalla nos aparesca un mneu desplegable de primer curso y segundo curso
- 4. LUEGO LO EJECUTAMOS alejecutarlo nos queda asi ahora bamos a colcoarle al formulario una contraseña para ello le implementamos el siguiente codigo LUEGO LO EJECUTAMOS al ejecutarlo nos queda asi
- 5. luego implementamos elcodigo para asi poder obtener dos opciones que me digan (SI) O (NO) LUEGO LO EJECUTAMOS al ejecutarlo nos queda asi Hasat el momento el formulario esta asi CLIC
- 6. Luego implementamos elcodigo de required en pantalla LUEGO LO EJECUTAMOS al ejecutarlo nos queda asi Luego implementamos un codigo que me sirba para obtener un calendario CLIC
- 7. LUEGO LO EJECUTAMOS alejecutarlo nos queda asi Luego implementamos un codigo para colocar el color y asi poder elegir a gusto para ello implementamos el siguiente codigo
- 8. LUEGO LO EJECUTAMOS alejecutarlo 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
- 9. LUEGO LO EJECUTAMOS alejecutarlo nos queda asi Finalmente el formulario nos queda asi
- 10. formularios en html5 <!DOCTYPEHTML> <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/> CODIGOS APLICADOS PARA EL FORMULARIO
- 11. <label>fecha</label> <input type="date"/><br><br/> <label>color</label> <input type="color"/><br><br/> <inputtype="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>
- 12. </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/> <!--elsiguiente tag es para escoger un archivo--> <input type="file"accept="acept/jpeg"/><br><br/>
- 13. <!--el siguiente botonsirve 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)
- 14.