Este proyecto es un formulario simple y funcional que recopila información del usuario mediante diferentes tipos de campos. Además, utiliza JavaScript para imprimir los datos ingresados en la consola del navegador al enviarlo.
Este proyecto está diseñado para que puedas:
- Comprender los diferentes tipos de campos que se pueden incluir en un formulario HTML.
- Aprender a manejar eventos en JavaScript, como la captura y manipulación de datos al enviar un formulario.
- Mejorar tus habilidades en HTML y JavaScript básicos.
- Implementar buenas prácticas en el desarrollo de formularios interactivos y accesibles.
El formulario incluye los siguientes campos interactivos:
-
Input - Name
Campo de texto para ingresar el nombre. -
Input - Email
Campo de texto para ingresar el correo electrónico. -
Input - Age
Campo de texto para ingresar la edad. -
Select - Which option best describes you?
Desplegable con opciones para describir mejor al usuario. -
Radio button - Would you recommend this site?
Opciones disponibles:- Yes
- No
- Maybe
-
Checkbox - Languages and Frameworks known
Casillas de verificación para seleccionar los lenguajes y frameworks que el usuario conoce. -
Button - Submit
Botón para enviar los datos del formulario.
En este ejercicio trabajarás con los siguientes lenguajes:
-
HTML:
Para crear la estructura del formulario con campos como inputs, selects, checkboxes y botones. -
CSS (opcional):
Puedes aplicar estilos personalizados al formulario para mejorar su apariencia y hacerlo más atractivo. -
JavaScript:
Para añadir interactividad al formulario y capturar los datos ingresados por el usuario, imprimiéndolos en la consola.
- Estructura HTML: Un formulario básico con diferentes tipos de entradas y elementos.
- Interacción con JavaScript: Un script que captura los datos del formulario y los imprime en la consola.
- Ejemplo práctico: Código claro y fácil de entender que puedes usar como base para futuros proyectos.
- Facilidad de personalización: Puedes añadir más campos, estilos o funcionalidades según tus necesidades.
- JavaScript:
Al presionar el botón Submit, los datos ingresados por el usuario se imprimen en la consola del navegador para visualizarlos fácilmente.
Un vistazo al formulario básico que incluye todos los campos descritos:
¡Se aceptan comentarios! No dudes en abrir issues o enviar pull requests para sugerir mejoras o reportar cualquier error.
Este proyecto está bajo la Licencia de Berto9675.