Build a Survey Form - Build a Survey Form

Español HTML-CSS
1

Cuéntanos qué está pasando:

Me da fallo en el punto 36 y por mas que lo repaso no lo encuentro. Alguien ve algo que yo no?

Tu código hasta el momento

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Survey Form</title>
  </head>

  <body>
    <header>
      <h1 id="title">Encuesta sobre gusto de Musica</h1>
      <p id="description">Que tipo de musica te gusta? Aqui vamos hacer unas preguntas, para determinar que gustos musicales tienes entre los 30 y los 60 años.</p>
    </header>
    <main>
    <form id="survey-form">
    <div class="form-group">
      <label id="name-label" for="name">Nombre</label>
      <input type="text" id="name" class="form-control" name="name" placeholder="Pon tu Nombre" required/>
    </div>

    <div class="form-group">
      <label id="email-label" for="email">Email</label>
      <input type="email" id="email" class="form-control" name="email" placeholder="Pon tu email" minlength="4" maxlength="64" required />
    </div>

        <div class="form-group">
        <label id="number-label" for="age">Edad (optional):</label>
        <input type="number" id="number" class="form-control" name="number" min="3" max="100" placeholder="Edad" />
        </div>

       <div class="form-group">
        <p>Que tipo de musica te gusta?</p>
        <label>
        <select id="dropdown" name="role" class="form-control"required/>
          <option value="pop">Pop</option>
          <option value="flamenco">Flamenco</option>
          <option value="rap">Rap</option>
          <option value="tecno">Tecno</option>
          <option value="musica española">Musica Española</option>
        </select>
        </label>
       </div>
      
      <div class="form-group">
        <p>Sueles escuchar otro tipo de musica?</p>
        <label for="yes-option">Si</label>
        <input id="yes-option" type="radio"      name="recommendation"checked/>
        <label for="no-option">No</label>
        <input id="no-option" type="radio" 
name="recommendation"/>
        <label for="maybe-option">A veces</label>
        <input type="radio" id="maybe-option" name="recommendation"/>
      </div>

        <div class="form-group">
        <p>Como escuchas la musica!</p>
        <select id="dropdown" name="role" class="form-control"required/>
          <option value="solo">Solo</option>
          <option value="con gente">Con gente</option>
          <option value="cuando limpio">Cuando limpio</option>
          <option value="en el coche">En el coche</option>
          <option value="todas">Todas</option>
        </select>
        </div>

        <div class="form-group">
        <p>Que te hace sentir la musica?</p>
        <label for="recuerdos">Recuerdos</label>
        <input type="checkbox" id="recuerdos" name="recuerdos" value="recuerdos"/>
        <label for="alegria">Alegria</label>
        <input type="checkbox" id="alegria" name="alegria" value="alegria"/>
        <label for="tristeza">Tristeza</label>
        <input type="checkbox" id="tristeza" name="tristeza" value="tristeza"/>

        <div class="form-group">
        <p>Explicanos brevemente que te hace sentir la musica y de que formas la mezclas en tu vida.</p>
        <textarea id="comments" class="input-textarea" name="comment" placeholder="Comentanos tu experiencia"></textarea>
      </div>

        <div class="form-group">
        <button type="submit" id="submit" class="submit-button" value="submit">Enviar</button>
      </div>
    </main>
    </form>
  </body>
</html>

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Safari/537.36

Información del Desafío:

Build a Survey Form - Build a Survey Form

3

Hola,

He detectado varios errores en tu código que debes corregir:

  1. La etiqueta <select> se está cerrando incorrectamente. Esta etiqueta debe tener una apertura y un cierre; no se puede autocerrar.
  2. Los atributos id deben ser únicos en cada elemento. No puedes asignar el mismo id a varios elementos, a diferencia de las clases (class), que sí pueden repetirse.
  3. La etiqueta </form> está colocada después del elemento <main>, lo cual no es correcto. Debe cerrarse antes.
  4. Uno de tus elementos <div> no tiene etiqueta de cierre. Asegúrate de cerrar todos los elementos correctamente.
  5. En una sección con la clase form-group, uno de los campos de entrada (input) no tiene el atributo value.