Survey Form - Build a Survey Form

(second time posting this to try and get any help…any help at all is appreciated as I’m getting discouraged)

I cannot complete the survey form assignment. I cannot pass the following problem:
You should have a select field with an id of dropdown .

I have reviewed other people’s issues and have tried everything I can think of. Can anyone tell me if I’m doing something wrong or if the assignment is bugged?

Also…does anyone know how to delete all the progress on just 1 assignment. The only thing I haven’t tried (bc I don’t know how) is erasing my survey form assignment totally and trying it again.

  **Your code so far**
/* file: index.html */
<!DOCUTYPE html>
  <title>freeCodeCamp Survey Form</title>
  <link rel="stylesheet" href="styles.css">
  <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 <input id="name" type="text" required placeholder="Enter your Name" /></label>
      <label id="email-label">Email <input id="email" type="email" required placeholder="Enter your Email" /></label>
      <label id="number-label">Age (optional) <input id="number" type="number" min="1" max="120" placeholder="Age" /></label>
      <label>Which option best describes your current role? <input id="dropdown" type="text" placeholder="Select current role" /></label>
      <label>Would you recommend freeCodeCamp to a friend?</label>
 <input name="recommend" type="radio" class="input-radio" value="definitely" />Definitely<br></label>
      <input name="recommend" type="radio" class="input-radio" value="maybe" />Maybe<br></label>
    <input name="recommend" type="radio" class="input-radio" value="not-sure" />Not Sure<br></label>  
<label>What is your favorite feature of freeCodeCamp?
<select id="dropdown" value="dropdown">
  <option value="">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>
<label>What would you like to see improved? (Check all that apply)</label>
  <input type="checkbox" name="apply" class="input-checkbox" value="front" /> Front-End Projects<br>
  <input type="checkbox" name="apply" class="input-checkbox" value="back" /> Back-End Projects<br>
  <input type="checkbox" name="apply" class="input-checkbox" value="data" /> Data Visualization<br>
  <input type="checkbox" name="apply" class="input-checkbox" value="challenges" /> Challenges<br>
  <input type="checkbox" name="apply" class="input-checkbox" value="open" /> Open Source Community<br>
  <input type="checkbox" name="apply" class="input-checkbox" value="gitter" /> Gitter help rooms<br>
  <input type="checkbox" name="apply" class="input-checkbox" value="videos" /> Videos<br>
  <input type="checkbox" name="apply" class="input-checkbox" value="city" /> City Meetups<br>
  <input type="checkbox" name="apply" class="input-checkbox" value="wiki" /> Wiki<br>
  <input type="checkbox" name="apply" class="input-checkbox" value="forum" /> Forum<br>
  <input type="checkbox" name="apply" class="input-checkbox" value="courses" /> Additional Courses<br>
      <label>Any comments or suggestions?
        <textarea name="suggestion" rows="5" cols="40" placeholder="Enter your comment here..."></textarea>
<input id="submit" type="submit" value="Submit">
/* file: styles.css */
body {
background-color: dark-blue;
background-image: url(;
background-size: cover;
color: white;
form {
background-color: rgba(27, 27, 50, 0.8);
label {
display: block;
margin: 1rem 0;
input {
text-align: left;
width: 100%;
select {
width: 100%;

.input-radio {
display: inline-block;
text-align: left;
width: unset;
.input-checkbox {
display: inline-block;
text-align: left;
width: unset;
  **Your browser information:**

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

I think that the problem is that you have two elements (an input and a select) with the id value of “dropdown”.

Remember that id values have to be unique.

You can run your html through a validator to pick up this kind of problem.

Thank you. I swear I read through the code like 4 times and didn’t catch that input. Thanks for the validator advice! Just bookmarked that for the future.

This is the kind of small mistake that’s really difficult to spot.
So a validator can be a real life-saver. :smiley:

It’s definitely worth getting into the habit of using it to check your code for syntax errors.

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