Survey Form - Build a Survey Form

Error message:
38. Each group of switches must have at least 2 switches. Exactly repeated the content of the html page of the proposed project.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=devise-width, intial-scale=1.0" />
    <link rel="stylesheet" href="styles.css" />
    <title></title>
  </head>
  <body>
    <header class="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" id="survey-form">
        <fieldest>
          <label id="name-label" for="name">Name<input required type="text" id="name" placeholder="Enter your name" /></label>
          <label id="email-label" for="email">Email<input required type="email"  id="email" placeholder="Enter your Email"/></label>
          <label id="number-label" for="number">Age (optional)<input min="10" max="99" required type="number" id="number" placeholder="Age" /></label>
        </fieldest>

        <fieldest><legend>Which option best describes your current role?</legend>
                  <label for="dropdown">
                    <select id="dropdown">
                      <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>
                </fieldest>

        <fieldest><legend>Would you recommend freeCodeCamp to a friend?</legend>
          <label for="definitely"><input name="definitely" value="definitely" id="definitely" checked type="radio" /> Definitely</label>
          <label for="maybe"><input name="maybe" value="maybe" id="maybe" type="radio" /> Maybe</label>
          <label for="notsure"><input name="notsure" id="notsure" type="radio" value="notsure"/> Not sure</label>
        </fieldest>

        <fieldest><legend>What is your favorite feature of freeCodeCamp?</legend>
                  <label for="dropdown-1">
                    <select id="dropdown-1">
                      <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>
        </fieldest>

        <fieldest><legend>What would you like to see improved? (Check all that apply)</legend>
          <label for="fep"><input value="fep" id="fep" class="inline" type="checkbox"> Front-end Projects</label>
          <label for="bep"><input value="bep" id="bep" class="inline" type="checkbox"> Back-end Projects</label>
          <label for="dv"><input value="dv" id="dv" class="inline" type="checkbox"> Data Visualization</label>
          <label for="challenges"><input value="challenges" id="challenges" class="inline" type="checkbox"> Challenges</label>
          <label for="osc"><input value="osc" id="osc" class="inline" type="checkbox"> Open Source Community</label>
          <label for="ghr"><input value="ghr" id="ghr" class="inline" type="checkbox"> Gitter help rooms</label>
          <label for="videos"><input value="videos" id="videos" class="inline" type="checkbox"> Videos</label>
          <label for="cm"><input value="cm" id="cm" class="inline" type="checkbox"> City Meetups</label>
          <label for="wiki"><input value="wiki" id="wiki" class="inline" type="checkbox"> Wiki</label>
          <label for="forum"><input value="forum" id="forum" class="inline" type="checkbox"> Forum</label>
          <label for="ad"><input value="ad" id="ad" class="inline" required type="checkbox"> Additional Courses</label>
        </fieldest>

        <fieldest><legend>Any comments or suggestions?</legend>
            <label for="survey-form"><textarea id="survey-form"></textarea>
        </fieldest>

        <fieldest>
            <label for=""><input type="submit" value="Sabmit" id="submit"></label>
        </fieldest>
      </form>
    </main>
    <footer>
    </footer>
  </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/131.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form

A radio button switch refers to a set of radio buttons used to select only one option from a group of related choices, essentially acting like a toggle switch where only one option can be selected at a time; you create this by using the <input type="radio"> tag within a form, ensuring all radio buttons within a group share the same “name” attribute to enforce single selection.

This info might be helpful.

1 Like

Thank you! :handshake: Where u find this? Do u remember it?

1 Like

I found it on Google lol. But most of the information that Google pulled came from this website: HTML input type="radio"

That website also has a lot of other great information that is always helpful. I would recommend using it… it has helped me when I get stuck sometimes. Happy coding! :smile: