Build a Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Hey everyone, I need help, I can’t understand why my steps 19 to 27 don’t work! What am I doing wrong?

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Survey Form</title>
  </head>

  <body>
    <header>
<h1 id="title">freeCodeCamp Survey Form</h1>
<p id="description">Thank you for taking the time to help us improve the platform.</p>
</header>
<main>
  <form method="POST" action="https://register-demo.freecodecamp.org" id="survey-form">
  <label for="name-label">Name:</label>
  <input id="name" name="name" type="text" placeholder="John Doe" required><br>
  <label for="email-label">E-mail:</label>
  <input id="email" name="email" type="email" placeholder="example@email.com" required><br>
  <label for="number-label">Age</label>
  <input id="number" name="number" type="number" placeholder="Your Age" min="18" max="200" required> <br>
  <div id="survey-form">
  <fieldset>
    <legend>Which option best describes your current role?</legend>
    <select id="dropdown">
    <option>Student</option>
    <option>Teacher</option>
    <option>Professional</option>
    <option>Unemployed</option>
    <option>Switching Careers</option>
    </select>
        </fieldset>
        <fieldset>
          <legend>Would you recommend freeCodeCamp to a friend?</legend>
          <input type="radio" name="survey" value="survey">
          <label>Yes
            </input>
            <input type="radio" name="survey" value="survey">
          <label>No
            </input>
            <input type="radio" name="survey" value="survey">
          <label>Not Sure
            </input>
        </fieldset>
<fieldset>
  <legend>What is your favorite feature of freeCodeCamp?</legend>
  <select id="dropdown">
    <option>Challenges</option>
    <option>Projects</option>
    <option>Community</option>
    <option>Open-Source</option>
  </select>
  </fieldset>
  <fieldset>
    <legend>What would you like to see improved? (Check all that apply)</legend>
      <label for="frontend">Front-End Projects</label>
          <input type="checkbox" id="frontend" name="frontend" value="frontend"/>
          <label for="frontend">Back-End Projects</label>
          <input type="checkbox" id="backend" name="backend" value="backend"/>
          <label for="opensource">Open Source Community</label>
          <input type="checkbox" id="opensource" name="opensource" value="opensource"/>
          <label for="frontend">Forum</label>
          <input type="checkbox" id="forum" name="forum" value="forum"/>
          <label for="frontend">Other</label>
          <input type="checkbox" id="other" name="other" value="other"/>
</fieldset>
<fieldset>
  <label for="comments">Other Comments?</label>
        <textarea cols="30" rows="10" name="comments" id="comments"></textarea>
        <button type="submit" id="submit">Submit</button>
        </form>
  </body>
</html>

Your browser information:

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

Challenge Information:

Build a Survey Form - Build a Survey Form
https://www.freecodecamp.org/learn/full-stack-developer/lab-survey-form/build-a-survey-form

2

Here are some troubleshooting steps you can follow. Focus on one test at a time:

  • What is the requirement of the first failing test?
  • Check the related User Story and ensure it’s followed precisely.
  • What line of code implements this?
  • Are there any errors or messages in the console?

If this does not help you solve the problem, please reply with answers to these questions.