Survey Form - Build a Survey Form

HTML-CSS
1

it is telling me : You should have a select field with an id of dropdown !

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<html>
  <head>
    <link rel="stylesheet" href="styles.css">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial scale=1">
 </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">
      <fieldset>
      <label id="name-label">Name: <input id="name" type="text" placeholder="Enter your name"  required></label><br>
      <label id="email-label">Email: <input id="email"
      type="email" placeholder="Enter Your Email" required></label><br>
       <label id="number-label">Age (optional): <input id="number" min="13" max="120" type="number" placeholder="age" required></label><br>
       <label id="dropdown">Which option best describes your current role?<br>
       <select>
         <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>
</label><br>
<label>Would you recommend freeCodeCamp to a friend?</label>
<label for="Definitely">Definitely<input id="Definitely" type="radio" name="recommend" value="value"></label><br>
<label for="Maybe">Maybe<input id="Maybe" type="radio" name="recommend" value="value"</label><br>
<label for="Not sure">Not sure<input id="Not sure" type="radio" name="recommend" value="value" </label><br>
<label for="dropdown">What is your favorite feature of freeCodeCamp?
<select id="dropdown" required>
  <option>Select an option</option>
  <option>Challenges</option>
  <option>Projects</option>
  <option>Community</option>
  <option>Open Source</option>
</select>
</label><br>
<label>What would you like to see improved? (Check all that apply)</label><br>
<label>Front-end Projects<input type="checkbox" value="1"><br>
<label>Back-end Projects<input type="checkbox" value="2"><br>
<label>Data Visualization<input type="checkbox" value="3"><br>
<label>Challenges<input type="checkbox" value="4"><br>
<label>Open Source Community<input type="checkbox" value="5"><br>
<label>Gitter help rooms<input type="checkbox" value="6"><br>
<label>Videos<input type="checkbox" value="7"><br>
<label>City Meetups<input type="checkbox" value="8"><br>
<label>Wiki<input type="checkbox" value="9"><br>
<label>Forum<input type="checkbox" value="10"><br>
<label>Additional Courses<input type="checkbox" value="11"><br>

</label>
<label for="suggestion">Any comments or suggestions?</label><br>
<textarea id="suggestion" placeholder="Enter your comment here..."></textarea>
      </fieldset>
      <input id="submit" type="submit" value="submit">
      </form>
 </form>
 </body>
  </html>

/* file: styles.css */

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

This is the select field…

3

<select id=“dropdown” required

i wrote the id but still not working !

4

You can’t have the same id on the label element.

Any element selector used by the test will find the label id before the select id.

5

Screenshot 2022-09-29 185721
Screenshot 2022-09-29 185721753×267 52.2 KB

i deleted the id from label and still have the same problem

6

i paased the test thank you for the help , the solution was on front of me but i didnt see it :man_shrugging:

7

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