Debes tener un título de página en un elemento h1 con un id de title.
Debes tener una corta explicación en el elemento p con un id de description.
Debes tener un elemento form con un id de survey-form.
Dentro del elemento form, debe ser requerido ingresar tu nombre en un campo de entrada que tenga un id de name y un tipo de texto.
Dentro del elemento form, debe ser requerido ingresar tu correo electrónico en un campo de entrada que tenga un id de email.
Si ingresas un correo electrónico que no tenga el formato correcto, verás un error de validación HTML5.
Dentro del formulario, puedes ingresar un número en un campo de entrada que tenga un id de number.
La entrada de números no debe aceptar caracteres no numéricos, ya sea impidiendo que los escribas o mostrando un error de validación HTML5 (dependiendo del navegador).
Si ingresas un número que esté fuera del rango de números permitido, definido por los atributos min y max, verás un error de validación de HTML5.
Para los campos de entrada de nombre, correo electrónico y número, puedes ver los correspondientes elementos label en el formulario, que describen el propósito de cada campo con los siguientes id: id="name-label", id="email-label" e id="number-label".
Para los campos de entrada de nombre, correo electrónico y número, podrás ver un texto provisional que da una descripción o instrucciones para cada campo.
Dentro del elemento form, debes tener un elemento desplegable select con un id de dropdown con al menos dos opciones para elegir.
Dentro del elemento form, puedes seleccionar una opción de un grupo de al menos dos botones de radio que están agrupados utilizando el atributo name.
Dentro del elemento form, puedes seleccionar varios campos en una serie de casillas de verificación, cada una debe tener un atributo value.
Dentro del elemento form, se te presenta un textarea para comentarios adicionales.
Dentro del elemento form, se te presenta un botón con un id de submit para enviar todas las entradas.
Pruebas (Pruebas Técnicas a pasar) ✔️🔬
🧪 Debes tener un elemento h1 con un id de title.
🧪 Tu #title no debe estar vacío.
🧪 Debes tener un elemento p con un id de description.
🧪 Tu #description no debe estar vacío.
🧪 Debes tener un elemento form con un id de survey-form.
🧪 Debes tener un elemento input con un id de name.
🧪 Tu #name debe tener un type de texto.
🧪 Tu #name debe requerir una entrada.
🧪 Tu #name debe ser descendiente de #survey-form.
🧪 Debes tener un elemento input con un id de email.
🧪 Tu #email debe tener un type de email.
🧪 Tu #email debe requerir una entrada.
🧪 Tu #email debe ser descendiente de #survey-form.
🧪 Debes tener un elemento input con un id de number.
🧪 Tu #number debe ser descendiente de #survey-form.
🧪 Tu #number debe tener un type de number.
🧪 Tu #number debe tener un atributo min con un valor numérico.
🧪 Tu #number debe tener un atributo max con un valor numérico.
🧪 Debes tener un elemento label con un id de name-label.
🧪 Debes tener un elemento label con un id de email-label.
🧪 Debes tener un elemento label con un id de number-label.
🧪 Tu #name-label debe contener un texto que describa la entrada.
🧪 Tu #email-label debe contener un texto que describa la entrada.
🧪 Tu #number-label debe contener un texto que describa la entrada.
🧪 Tu #name-label debe ser descendiente de #survey-form.
🧪 Tu #email-label debe ser descendiente de #survey-form.
🧪 Tu #number-label debe ser descendiente de #survey-form.
🧪 Tu #name debe tener el atributo placeholder y un valor.
🧪 Tu #email debe tener un atributo placeholder y un valor.
🧪 Tu #number debe tener un atributo placeholder y un valor.
🧪 Debes tener un campo select con un id de dropdown.
🧪 Tu #dropdown debe tener al menos dos elementos option seleccionables (no deshabilitados).
🧪 Tu #dropdown debe ser descendiente de #survey-form.
🧪 Debes tener al menos dos elementos input con un type de radio (botones de radio).
🧪 Debes tener al menos dos botones de radio que sean descendientes de #survey-form.
🧪 Todos tus botones de radio deben tener un atributo value y un valor.
🧪 Todos tus botones de radio deben tener un atributo name y un valor.
🧪 Cada grupo de botón de radio debe tener al menos 2 botones de radio.
Instalación 🛠️💻
Sigue estos pasos para clonar y ejecutar el proyecto localmente:
Clona este repositorio en tu máquina local utilizando Git:
Una vez clonado el repositorio en tu máquina local, abre el archivo index.html en tu navegador web para ver el proyecto.
Si deseas personalizar los estilos de la página, puedes hacerlo modificando el archivo styles.css. Este archivo contiene todas las reglas de estilo que se aplican a la página. Abre el archivo styles.css en un editor de texto o IDE de tu elección, realiza los cambios que desees y guarda el archivo. Luego, recarga la página en tu navegador para ver los cambios aplicados.
Capturas de pantalla 📸
🧪 Debes tener al menos dos elementos input con un type de checkbox (casillas de verificación) que sean descendientes de #survey-form.
🧪 Todos tus casillas de verificación dentro de #survey-form deben tener un atributo value y un valor.
🧪 Debes tener al menos un elemento de textarea que sea descendiente de #survey-form.
🧪 Debes tener un elemento input o button con un id de submit.
🧪 Tu #submit debe tener un type de submit.
🧪 Tu #submit debe ser descendiente de #survey-form.