Survey Form - Build a Survey Form

HTML-CSS
1

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:

2

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

3

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.

4

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