Survey Form - Build a Survey Form

apparently have been processed to the next stage but I feel something ain’t right. please I need help

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

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="styles.css" />
    <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">
  <div class="survey-form">
    <label id="name-label"><input id="name" id="name-label" type="text" placeholder="Enter your name" required>Enter your name</label>
<label id="email-label"><input id="name" id="email-label" type="text" placeholder="Enter your email" required>Enter your email</label>
<label id="number-label"><input id="name" id="number-label" type="text" placeholder="Age" required>Age (optional)</label>
</form>
<fieldset>
    
<p>Which option best describes your current role?</p>
<select id="dropdown">
  <option value="">select your role</option>
  <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="prefer not to say">Prefer Not To Say</option>
  <option value="others">Others</option>
  </select>
  </fieldset>
     <fieldset>
        <p>Would you recommend freeCodeCamp to a friend?</p>
           <label><input type="radio" name="recommend-type" class="inline" value="Definitely">Definitely</label><br>
          <label><input type="radio" name="recommend-type" class="inline" value="Maybe">Maybe</label><br>
          <label><input type="radio" name="recommend-type" class="inline" value="Not sure">Not sure</label>
      </fieldset>
      <fieldset>
        <label>What is your favorite feature of freeCodeCamp?
          <select id="dropdown">
            <option value="">Select an option</option>
            <option value="Challenges">Challenges</option>
            <option value="Project">Project</option>
            <option value="Community">Community</option>
            <option value="Open Source">Open Source</option></select></label>
      </fieldset>
          <fieldset>
        <p>What would you like to see improved? (Check all that apply)</p>
          <label>
            <input type="checkbox" value="Front-end Projects" >Front-end Projects</option><br>
            <input type="checkbox" value="Back-end Projects" >Back-end Projects</option><br>
            <input type="checkbox" value="Data Visualization" >Data Visualization</option><br>
            <input type="checkbox" value="Challenges" >Challenges</option><br>
            <input type="checkbox" value="Open Source Community" >Open Source Community</option><br>
            <input type="checkbox" value="Gitter help rooms" >Gitter help rooms</option><br>
            <input type="checkbox" value="Videos" >Videos</option><br>
            <input type="checkbox" value="City Meetups" >City Meetups</option><br>
            <input type="checkbox" value="Wiki" >Wiki</option><br>
            <input type="checkbox" value="Forum" >Forum</option><br>
            <input type="checkbox" value="Additional Courses" >Additional Courses</option>
          </label>
      </fieldset>
        <fieldset>
          <p>Any comments or suggestions?<br>
            <textarea placeholder="Enter your comment here..."></textarea><br>
             <input id="submit" type="submit" value="Submit">
          </p>
      </fieldset>
     
    </form>
  </body>
</html>



    <input id="name" id="name-label" placeholder="Enter your name" required>Enter your name</input>
<input id="email" type="email" id="email-label" placeholder="Enter your email" required>Enter your email</input>
<input id="number" type="number" id="number-label"  min="1" max="99" placeholder="Enter a number" required>Enter a number</input>
</form>
/* 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:

it with the input field at the end my siblings mistakenly pressed something and whereby if i tried to remove it it denies me access to the next stage

Can you explain more what issue are you having with this code?

you should have everything inside the form, not just these 3 inputs. Here also you have the issue that the labels and the inputs show the same id — id are unique, you can’t have the same id on a label and on an input. Also, you should have only one id on each element. Your inputs have the id attribute twice. All three of them have the id="name" which is wrong as they all should not have the same id.

Also honestly, you say it’s optional but then it’s required? that’s a bit weird.

Delete everythign after the closing </html> tag and after that let’s work slowly through the non-passing tests.

Also, to be clear,

you can do any step, challenge or project at any time, so that’s not possible.

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