Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far
hello please i am having a problem
can someone help me on how to add dropdown in the code

<!-- file: index.html -->
<!DOCTYPE html><html lang="en">
<head>
  <title>Survey-Form</title>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="style.css">
  </head>
<body>
<h1 id="title">Survey-Form</h1>
<p id="description">Thank you for taking the time to help us improve our skills</p>
<form id="survey-form" action="https://register-demo.freecodecamp.org" method="post">
<fieldset>
  <label for="name"> Enter your name:<input id="name" name="name" required type="text" placeholder="enter your name"></label>
  <label for="email">Enter your email:<input id="email" name="email" type="email" required placeholder="enter your email"></label>
  <label for="number">Age(optional):<input id="number" name="age" type="number" required min="15" max="100" placeholder="enter your age"></label>
  <label for="current-role">Which option best decribes your current role?<select id="current-role" name="current-role">
  <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>
<label for="definitely"><input id="definitely" type="radio" name="definitely" value="definitely">Definitely</label>
<label for="maybe"><input id="maybe" type="radio" name="maybe" class="inline" value="maybe">Maybe</label>
<label for="not-sure"><input id="not-sure" name="not-sure" type="radio" class="inline" value="not-sure">Not sure</label>
<fieldset>
  <label for="favourite-feature">What is your favourite feature on freeCodeCamp<select id="favourite-feature"><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></select></label>
  </fieldset>
<fieldset>
  <label>What would you like to see improve? (check all that apply)</label>
<label for="front-end-project"><input id="front-end-project" type="checkbox" class="inline" value="checkbox">Front-end project</label>
<label for="back-end-project"><input id="back-end-project" name="back-end-project" type="checkbox" class="inline" value="checkbox">Back-end project</label>
<label for="data-visualization"><input id="data-visualization" name="data-visualization" type="checkbox" class="inline" value="checkbox">Data visualization</label>
<label for="challenges"><input id="challenges" name="challenges" type="checkbox" class="inline" value="challenges">Challenges</label>
<label for="open-source-community"><input id="open-source-community" name="open-source-community" type="checkbox" class="inline" value="open-source-community">Open source community</label>
<label for="Gitter-help-rooms"><input id="Gitter-help-rooms" name="Gitter-help-rooms" type="checkbox" class="inline" value="Gitter-help-rooms">Gitter help room</label>
<label for="videos"><input id="videos" name="videos" type="checkbox" class="inline" value="videos">Videos</label>
<label for="city-meetups"><input id="city-meetups" name="city-meetups" type="checkbox" class="inline" value="city-meetups">City meetups</label>
<label for="wiki"><input id="wiki" name="wiki" type="checkbox" class="inline" value="wiki">Wiki</label>
<label for="forum"><input id="forum" name="forum" type="checkbox" class="inline" value="forum">Forum</label>
<label for="additional-courses"><input id="additional-courses" name="additional-courses" type="checkbox" class="inline" value="additional-courses">Additional courses</label>
  </fieldset>
  <fieldset>
    <label for="suggestion">Any comment or suggestion?</label>
    <textarea rows="5" cols="50" id="suggestion" name="suggestion" placeholder="enter your comment here"></textarea>
    </fieldset>
    <input id="submit" type="submit" value="submit">
    </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/116.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2
1 Like
3

If you are referring to the #dropdown requirements then that is the select element. That is the element should have that id.

You should have a select field with an id of dropdown.
Your #dropdown should have at least two selectable (not disabled) option elements.
Your #dropdown should be a descendant of #survey-form.

1 Like
4

okay thanks, i fix that already

5

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