Have a select field with an id of dropdown

HTML-CSS
1

I believe I already have that id set but im still stuck here

   **Your code so far**

/* file: index.html */
<DOCTYPE html>
 <html>

   <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"><p>Enter Your Name</p></label> 
  <input type="text" id="name" required placeholder="Enter your name">

   <label id="email-label"><p>Enter Your Email</p></label>
   <input type="email" id="email" required placeholder="Enter Your Email">

   <label id="number-label"><p>Age (Optional)</p></label>
   <input type="number" id="number" min="13" max="120" placeholder="Age"><br><br>


   <p>Which option best describes your current role?</p>
<label for="dropdown" id="dropdown"> <br> </label>
 <select name="dropdown" id="dropdown">
 <option value="Student"> Student </option>
 <option value="Full-Time Job"> Full-Time Job </option>
 <option value="Full-Time Learner"> Full-Time Learner </option>
 <option value="other"> other </option>
 </select>

<p>Would you recommend freeCodeCamp to a friend?</p>
<input type="radio" name="rec" value="Definitely"> Definitely<br>
<input type="radio" name="rec" value="Maybe"> Maybe<br>
<input type="radio" name="rec" value="Not sure"> Not sure

<p>What would you like to see improved? (Check all that apply)</p>
<input type="checkbox" id="lectures" name="lectures" value="Front-end Projects">
<label for="lectures"> Front-End Projects</label><br>
<input type="checkbox" id="lectures" name="lectures" value="Back-end Projects">
<label for="lectures"> Back-End Projects</label><br>
<input type="checkbox" id="lectures" name="lectures" value="Data Visualization">
<label for="lectures"> Data Visualization</label><br>

<p>Any comments or suggestions?</p>
<textarea id="w3review" name="Enter your comment here..." rows="4" cols="50">Enter your comment here...</textarea>

<p><input type="submit" id="submit" value="Submit"></p>


</form>






/* file: styles.css */


   **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:102.0) Gecko/20100101 Firefox/102.0

Challenge: Build a Survey Form

Link to the challenge:

2

Every id in your HTML needs to be unique, so the label and the select cannot have the same id. This is definitely causing the test to fail.

1 Like
3

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