Tell us what’s happening:
It’s telling me that: You should have a select
field with an id
of dropdown
.
Your code so far
<link rel="stylesheet" href="styles.css"freeCodeCamp Survey Form
Thank you for taking the time to help us improve the platform
<form id="survey-form">
<fieldset>
<label id="name-label">Name
<input type="text" id="name" required placeholder="Enter your name" />
</label>
<label id="email-label">Email
<input type="email" id="email" required placeholder="Enter your email" />
</label>
<label id="number-label">Age (optional)
<input type="number" id="number" min="10" max="99" placeholder="age">
</label>
<label id="dropdown">Which options best describes your current role?
<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?
Definitely <input name ="user-recommend" value="Definitely" type="radio" class="inline" />
Maybe <input name ="user-recommend" value="Maybe" type="radio" class="inline" />
Not Sure <input name ="user-recommend" value="Not-sure" type="radio" class="inline" />
</label>
<label id="dropdown">What is your favorite feature of freeCodeCamp?
<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>
</label>
<label>What would you like to see improved? (Check all that apply)
Front-end Projects <input name="see-improved" value="front-end-projects" type="checkbox" class="inline" />
Back-end Projects <input name="see-improved" value="back-end-projects" type="checkbox" class="inline" />
Data Visualization <input name="see-improved" value="data-visualization" type="checkbox" class="inline" />
Challenges <input name="see-improved" value="challenges" type="checkbox" class="inline" />
Open Source Community <input name="see-improved" value="open-source-community" type="checkbox" class="inline" />
Gitter help rooms <input value="gitter-help-rooms" type="checkbox" class="inline" />
Videos <input name="see-improved" value="videos" type="checkbox" class="inline" />
City Meetups <input name="see-improved" value="city-meetups" type="checkbox" class="inline" />
Wiki <input name="see-improved" value="wiki" type="checkbox" class="inline" />
Forum <input name="see-improved" value="forum" type="checkbox" class="inline" />
Additional Courses <input name="see-improved" value="additional-courses" type="checkbox" class="inline" />
</label>
</fieldset>
<fieldset>
<label>Any comments or suggestions?
<textarea id="comments" rows="3" cols="30" placeholder="Enter your comment here...">
</textarea>
</label>
</fieldset>
<input id="submit" type="submit" value="submit" />
</form>
WARNING
The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.
You will need to take an additional step here so the code you wrote presents in an easy to read format.
Please copy/paste all the editor code showing in the challenge from where you just linked.
Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Safari/537.36
Challenge: Build a Survey Form
Link to the challenge: