Survey Form - Build a Survey Form

Tell us what’s happening:

the tests aren’t picking up on most of my inputs and their ids, i double checked and i cant find the error.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <link ref="stylesheet" href="styles.css">
  <div class="div1" id="part 1">
<h1 id="title">Survey form</h1>
<p id="description">Thank you for contributing to the improvement of our product!</p> </div>
  <form id="survey-form">
<div id="name" class="div2">
  <label for="name" class="label1" id="name-label">First and last name:</label>
  <input value="name" placeholder="Enter your name" required type="text" id="name" class="input1">
</div>
<div id="email" class="div3">
  <label for="email" class="label1" id="email-label">E-mail:</label>
  <input value="email" placeholder="example@mail.com" required type="email" id="email" class="input1">
</div>
<div id="number" class="div4">
  <label for="number" class="label1" id="number-label">Age:</label>
  <input value="number" placeholder="optional" type="number" id="number" class="input1" min="16" max="100">
</div>
<div id="dropdown" class="div5">
  <label for="dropdown" class="label1">How did you know about us?</label>
  <select id="dropdown" class="input1">
    <option>A friend</option>
    <option>Ads</option>
    <option>Google</option>
    <option>Other</option>
  </select>
  </div>
  <div id="radio" class="div6">
    <legend>How satisfied are you with our products?</legend>
    <input value="1" type="radio" name="radio-button" id="radio-1">
      <label for="radio-1" id="label-radio">Not satisfied</label>
    <input value="2" type="radio" name="radio-button" id="radio-2">
      <label for="radio-2" id="label-radio">Neutral</label>
    <input value="3" type="radio" name="radio-button" id="radio-3">
      <label for="radio-3" id="label-radio">Satisfied</label>
  </div>
  <hr>
  <div id="checkbox" class="div7">
    <p class="div7">What do you like about our products?</p>
    <input type="checkbox" value="price" id="price">
      <label for="price" class="label2">Our prices</label>
  </div>
  <div id="checkbox" class="div7">
    <input type="checkbox" value="accessibility" id="accessibility" >
      <label for="accessibility" class="label2">Accessibility</label>
  </div>
  <div id="checkbox" class="div7">
    <input type="checkbox" value="quality" id="quality">
    <label for="quality" class="label2">Quality</label>
  </div>
  <hr>
  <div id="comment" class="div8">
    <textarea id="comment"></textarea>
  </div>
  <button type="submit" id="submit" form="survey-form" value="Submit">Submit</button>
  </form>
 </html



/* file: styles.css */
  

Your browser information:

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

Challenge Information:

Survey Form - Build a Survey Form

Welcome to the forum.

In the same HTML document, id of an element must be unique.

For example, in this div, you used name as id for both the div and the input:

I tried it and it worked, Thank you so much!

1 Like