Survey Form - Build a Survey Form

Tell us what’s happening: Console error

Describe your issue in detail here.
everytime i run the code marks an X on “You should have a select field with an id of dropdown.”

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mi Primer Encuesta</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <main>
      <h1 id="title">Formulario de Retroalimentación Interactiva</h1>
      <p id="description">Comparte tus comentarios y ayúdanos a mejorar. Tu opinión es clave para perfeccionar nuestra página. ¡Gracias por contribuir a hacer de nuestro sitio un lugar aún mejor!</p>
      <fieldset>
       <form id="survey-form">
         <label id="name-label">Nombre <input id="name" type="text" placeholder="Ingresa tu nombre"required></label>
         <label id="email-label">Email <input id="email" type="email" placeholder="Ingresa tu email" required>
         </label>
         <label id="number-label">Edad <input id="number" type="number" min="13" max="100" placeholder="Edad"></label>
         </fieldset>
         <fieldset>
         <label id="dropdown">Experiencia del Usuario:</label>
                  <select id="dropdown" name="dropdown" required>
           <option value="" disabled selected>Elige una opción</option>
           <option value="satisfecho">Satisfactorio</option>
             <option value="unsatisfecho">Necesita mejoras</option>
         </select>
         </fieldset>
         <fieldset>
         <label id="preferencias">Preferencias de Contenido</label>
          <input type="checkbox" name="preferencias" value="escrito">Contenido Escrito
          <input type="checkbox" name="preferencias" value="multimedia">Contenido Multimedia
          </fieldset>
          <fieldset>
          <label id="privacidad">
    <input type="radio" name="privacidad" value="Basica"> Privacidad Básica
    <span> - Prefiero una experiencia con un enfoque mínimo en la recopilación de datos personales.</span>
  </label>
  
  <label>
    <input type="radio" name="privacidad" value="Avanzada"> Personalización Avanzada
    <span> - Estoy dispuesto/a a proporcionar información adicional para obtener una experiencia más personalizada y relevante.</span>
  </label>
  </fieldset>
         <button type="submit" id="submit">Submit</button>
       </form>
    </main>
    <footer>
        <p>&copy; 2024 Mi Programa de Certificado</p>
    </footer>
</body>
</html>
/* file: styles.css */
h1, p{
  text-align: center;
}
body{
  background-color:rgb(217,216,215);
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

Welcome to the forum @samuelcandeleroflore

You coded an incorrectly nested fieldset element, which maybe causing the form element to close too early, so that the other elements within the form elements are not recogised as decentants of #survey-form.

Also you have two elements with the same id.

Fixing the above should leave you with just one failing test.

Happy coding

1 Like