5.1 KiB
5.1 KiB
id | title | localeTitle | isRequired | challengeType |
---|---|---|---|---|
587d78af367417b2b2512b03 | Build a Survey Form | Crear un formulario de encuesta | true | 3 |
Description
id="title"
en texto de tamaño H1.
Historia de usuario n. ° 2: Puedo ver una breve explicación con id="description"
en texto de tamaño P.
Historia de usuario n. ° 3: Puedo ver un form
con id="survey-form"
.
Historia de usuario n. ° 4: Dentro del elemento del formulario, debo ingresar mi nombre en un campo con id="name"
.
Historia de usuario # 5: Dentro del elemento del formulario, debo ingresar un correo electrónico en un campo con id="email"
.
Historia de usuario n. ° 6: Si ingreso un correo electrónico que no tiene el formato correcto, veré un error de validación de HTML5.
Historia de usuario # 7: Dentro del formulario, puedo ingresar un número en un campo con id="number"
.
Historia de usuario n. ° 8: Si ingreso números que no son números en la entrada del número, veré un error de validación de HTML5.
Historia de usuario n. ° 9: si ingreso números fuera del rango de entrada de números, que están definidos por los atributos min
y max
, veré un error de validación de HTML5.
Historia de usuario # 10: Para los campos de ingreso de nombre, correo electrónico y número dentro del formulario, puedo ver las etiquetas correspondientes que describen el propósito de cada campo con los siguientes id="name-label"
: id="name-label"
, id="email-label"
, y id="number-label"
.
Historia del usuario n. ° 11: Para los campos de ingreso de nombre, correo electrónico y número, puedo ver el texto del marcador de posición que me da una descripción o instrucciones para cada campo.
Historia del usuario # 12: Dentro del elemento del formulario, puedo seleccionar una opción de un menú desplegable que tiene un id="dropdown"
correspondiente id="dropdown"
.
Historia de usuario # 13: Dentro del elemento del formulario, puedo seleccionar un campo de uno o más grupos de botones de radio. Cada grupo debe agruparse usando el atributo de name
.
Historia del usuario n. ° 14: Dentro del elemento del formulario, puedo seleccionar varios campos de una serie de casillas de verificación, cada una de las cuales debe tener un atributo de value
.
Historia de usuario # 15: Dentro del elemento del formulario, me presentan un área de textarea
al final para comentarios adicionales.
Historia de usuario # 16: Dentro del elemento del formulario, se me presenta un botón con id="submit"
para enviar todas mis entradas.
Puede construir su proyecto por medio de este bolígrafo CodePen . O puede usar este enlace CDN para ejecutar las pruebas en cualquier entorno que desee: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js
Una vez que haya terminado, envíe la URL a su Proyecto de trabajo con todas sus pruebas aprobadas.
Recuerda usar el método de lectura-búsqueda-pregunta si te atascas.
Instructions
Tests
tests: []
Challenge Seed
Solution
// solution required