Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
I’ m not sure what I’m doing wrong. When I look at my code it seems fine but when I look at the checklist, not everything is checked. The one unchecked states: = You should have a select field with an id of a dropdown
My question is, did I not do that?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>freeCodeCamp Survey Form</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <h1 id="title">
      freeCodeCamp Survey Form
    </h1>
    <p id="description">Thank you for taking the time to help us improve the platform
      <form id="survey-form">
        <fieldset id="dropdown"><label id="name-label">Name <br><input id="name" type="text" placeholder="name" required/></label><br>
        <label id="email-label">Email <br><input id="email" type="email" placeholder="email" required/></label><br>
        <label id="number-label">Age (Optional) <br><input id="number" min="18" max="65" type="number" placeholder="number"/></label><br>
        <label>Which option best describes your current role? <br>
        <select id="dropdown" required>
    <option value="">Select Current Role</option>
    <option value="1">Student</option>
    <option value="2">Full Time Job</option>
    <option value="3">Full Time Learner</option>
    <option value="4">Prefer not to say</option>
    <option value="5">Other</option>
  </select>
          </label>
        </fieldset>
        <fieldset><label>Would you recommend freeCodeCamp to a friend? <br>
          <input type="radio" name="rbutton" value="val"/>Definitely <br>
          <input type="radio" name="rbutton" value="val"/>Maybe <br>
          <input type="radio" name="rbutton" value="val"/>Not Sure</label></fieldset>
        <fieldset><label>What is your favorite feature of freeCodeCamp? <br>
        <select id="dropdown" required>
      <option disabled selected value>Select an option</option>
      <option value="Challenges" class="inline">Challenges</option>
      <option value="Projects" class="inline">Projects</option>
      <option value="Community" class="inline">Community</option>
      <option value="Open-Source">Open Source</option>
    </select>
          </select>
          <label></fieldset>
        <fieldset><label>What would you like to see improved? (check all that apply) <br>
        <input type="checkbox" value="value">Front-end Projects <br>
        <input type="checkbox" value="value">Back-end Projects <br>
        <input type="checkbox" value="value">Data Visualisation <br>
        <input type="checkbox" value="value">Challenges <br>
        <input type="checkbox" value="value">Open Source Community <br>
        <input type="checkbox" value="value">Gitter Help Rooms <br>
        <input type="checkbox" value="value">Videos <br>
        <input type="checkbox" value="value">City Meet-ups <br>
        <input type="checkbox"value="value">Wiki <br>
        <input type="checkbox" value="value">Forum <br>
        <input type="checkbox" value="value">Additional Courses 
        </label></fieldset>
        <fieldset><label>Any comments or suggestions?<textarea>Enter your comment here...</textarea></label></fieldset>
        <label><input id="submit" type="submit"/></label>
      </form>
    </p>
  </body>
</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/106.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

I saw two ids called dropdown. IDs are meant to be unique…

3

Thank you, I noticed that

1 Like
4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.