TALLER WEB FORMULARIOS
•
0 recomendaciones•754 vistas
El documento presenta el código HTML para crear un formulario web con diferentes tipos de campos como texto, número, fecha, selección, radio, casillas de verificación y archivos. El formulario recopila información personal como nombre, apellido, correo electrónico, contraseña y biografía del usuario, así como preferencias y detalles de empleo.
Más contenido relacionado
Similar a TALLER WEB FORMULARIOS
Similar a TALLER WEB FORMULARIOS (20)
Más de Richard Eliseo Mendoza Gafaro
Más de Richard Eliseo Mendoza Gafaro (20)
Último
Último (20)
TALLER WEB FORMULARIOS
- 1. TAREA 3. DISEÑO DE INTERFACES UI/UX – FRONTEND FORMULARIOS La presente tarea evalúa la habilidad de frontend en la creación de formularios web se requiere realizar el siguiente diseño de interfaz:
- 2. El siguiente código corresponde al diseño anterior <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Formulario de Ejemplo</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384- KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous"> </head> <body> <!--Iniciar el Formulario--> <form action="registro.jsp" method="POST"> <legend>Formulario de Registro de Usuario:</legend> <fieldset> <form action="buscar.jsp"> <label> Buscar un Usuario: <input type="search" name="buscar"> <input type="image" src="../img/lupa.png" alt="Buscar" width="25" height="25"> </label> </form> <label> Nombre: <input type="text" name="nombre" placeholder="Escriba aqui su nombre"> </label> <br> <label> Apellido: <input type="text" name="apellido" placeholder="Escriba su apellido"> </label> <br> <label> Telefono: <input type="tel" name="telefono"> </label> <br> <label>URL de LinkedIn: <input type="url" name="linkedin"> </label> <br> <label> Correo: <input type="email" name="correo"> </label> <br> <label>
- 3. Contraseña: <input type="password" name="clave"> </label> <br> <label> Repita Contraseña: <input type="password" name="clave"> </label> <br> <label> Biografia: <br> <textarea name="biografia" id="" cols="30" rows="10"></textarea> </label> <br> <label> Numero de empleados en la empresa: <input type="number" name="numeroempleados"> </label> <br> <label> Fecha de Nacimiento: <input type="date" name="fechanac"> </label> <br> <label>Sexo: <input type="radio" name="sexo" value="M">Masculino <input type="radio" name="sexo" value="F">Femenino </label> <br> <label>Hobbies: <input type="checkbox" name="Programar" checked>Programar <input type="checkbox" name="Cine">Cine <input type="checkbox" name="Maratonear Netflix">Maratonear Netflix </label> <br> <label>Tipo de Rol SCRUM: <select name="rol"> <option value="Product Owner">Product Owner</option> <option value="Scrum Master" selected>Scrum Master</option> <option value="Team Developer">Team Developer</option> </select> </label> <br> <label> Color: <input type="color" name="color"> </label> <br> <label> Foto:
- 4. <input type="file" name="foto" accept="image/x-png,image/gif,image/jpeg"> </label> <br> <input type="hidden" name="rol" value="usuario"> <input type="submit" value="Registrar Usuario"> <input type="reset" value="Limpiar"> </fieldset> </form> </body> </html>