Build a Survey Form Troubles

HTML-CSS
1

Hi, I’m currently doing the Build a Survey Form module, and I keep getting the error " Failed:You should have a select field with an id of dropdown."

This is my current code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css"> 
    <title>Survey</title>
</head>
<body>
    <h1 id="title">FreeCodeCamp Survey Form</h1>
<p id="description">Thank you for taking the time to help us improve the platform</p>
<form id="survey-form">
  <label id="name-label">Name</label><br>
  <input id="name" type="text" required placeholder="Enter your name...">
  <br>
<label id="email-label">Email </label><br>
<input id="email" type="email" required placeholder="Enter your email..." >
<br>
<label id="number-label">Age (optional) </label><br>
<input type="number" id="number" min="0" max="120" placeholder="Enter your age">
<br>
<label id="dropdown">Which option best describes your current role?</label>
<br>
<select id="dropdown">
  <option>Select current role</option>
  <option>Student</option>
  <option>Full Time Job</option>
  <option>Full Time Learner</option>
  <option>Prefer Not to Say</option>
  <option>Other<option>
</select>
<br>
  <label for="choices"> Would you recommend freeCodeCamp to a friend? </label> <br>
  <input type="radio" name="choice" value="radio"> Definitely
  <br>
  <input type="radio" name="choice" value="radio"> Maybe
  <br>
  <input type="radio" name="choice" value="radio"> Not sure <br>
  <label id="select">What is your favorite feature of freeCodeCamp?</label>
 <select id="dropdown2">
   <option value="0">Select an option</option>
   <option value="1">Challenges</option>
   <option value="2">Projects</option>
   <option value="3">Community</option>
   <option value="4">Open Source</option>
 </select>
 <br>
 <label for="checkbox">What would you like to see improved? (Check all that apply)</label> <br>
 <label for="front-end-projects">Front-end Projects</label>
 <input type="checkbox"
 value="front-end-projects"/> <br>
 <label for="back-end-projects">Back-end Projects</label>
 <input type="checkbox" value="back-end-projects"> <br>
 <label for="data-visualization">Data Visualization</label>
 <input type="checkbox" value="data-visualization">
 <br>
 <label for="challenges">Challenges</label>
 <input type="checkbox" value="challenges">
 <br>
 <label for="open-source-community">Open Source Community</label>
 <input type="checkbox" value="open-source-community">
 <br>
 <label for="gitter-help-rooms>Gitter Help Rooms</label>
 <input type="checkbox" value="gitter-help-rooms">
 <br>
 <label for="videos">Videos</label>
 <input type="checkbox" value="Videos">
 <br>
 <label for="city-meetups">City Meetups</label>
 <input type="checkbox" value="city-meetups">
 <br>
 <label for="wiki">Wiki</label>
 <input type="checkbox" value="wiki">
 <br>
 <label for="forum">Forum</label>
 <input type="checkbox" value="forum">
 <br>
 <label for="additional-courses">Additional Courses</label>
 <input type="checkbox" value="additional-courses">
<br>
 <label for="textfield">Any comments or suggestions?</label>
 <textarea id="textarea"></textarea>
 <br>
 <button type="submit" id="submit">SUBMIT</button>
</form>

</body>
</html>

Any help would be greatly appreciated as to why it isn’t working! Thanks!

2

Welcome to our community!

You have duplicated id="dropdown". This is not allowed in html.

3

Thank you!

I changed the second instance of the ID and am still getting the same error, unfortunately.

4

Change all id="dropdown" except one for a ‘section’ element:

5

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