Survey Form - Build a Survey Form (Select Field with an `id` of `dropdown` )

HTML-CSS
1

Tell us what’s happening:
I am working on my certification project, I have completed the HTML portion and have not yet completed my CSS. I have all boxes checked except for one I just can’t seem to figure out. " You should have a select field with an id of dropdown ." I even tried adding name=“dropdown” in addition but that wasn’t it. I am not sure what I am missing.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
 <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">First and Last Name: <input id="name" type="text" placeholder="First Name Last Name" required></label>
   <label id="email-label">Email Address: <input id="email" type="email" placeholder="youremail@domain.com" required></label>
   <label id="number-label">Age: <input id="number" type="number" min="18" max="99" placeholder="##"></label>
   <label id="dropdown">Why do you want to learn to code?</label>
   <select id="dropdown">
     <option value="select-one">Select One</option>
     <option value="for-fun">For fun</option>
     <option value="for-career">For a career</option>
     <option value="other">Other</option>
   </select>
   <label id="coding"><input type="radio" name="coding" value="certified">I want to become certified</label>
   <label id="coding"><input type="radio" name="coding" value="not-certified">I don't need to become certified</label>
   <label>I want to learn: 
     <input type="checkbox" value="html">HTML
     <input type="checkbox" value="css">CSS
     <input type="checkbox" value="java">JAVA
     <input type="checkbox" value="python">PYTHON
     <input type="checkbox" value="sql">SQL
     </label>
   <label>Additional Comments: <textarea></textarea>
   </label>
   <button id="submit" type="submit">Submit</button>  
 </form>  
 </html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Your issue seems to be that you have two elements with the same ID.

<label id="dropdown"> and <select id="dropdown">.

1 Like
3

Ugh thank you so much!

4

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