Help pls! Confused about creating groups in Survey Form - Build a Survey Form


I’ve passed all the other tests except “Every radio button group should have at least 2 radio buttons” and I just can’t figure out where I’m going wrong. Am I using the wrong type of grouping? Should I not being using fieldsets to group them? Any help/explanation would be much appreciated!

This is what my code looks like:

<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
  <title> freeCodeCamp Survey Form </title>
  <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" action="">
      <label id="name-label"> Name </label>
      <input id="name" type="text" required placeholder="Enter your name">
      <label id="email-label"> Email </label>
      <input id="email" type="email" required placeholder="Enter your email">
      <label id="number-label"> Age </label>
      <input id="number" type="number" min="1" max="10" placeholder="Age">
      <label> Which option best describes your current role?
      <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"> Other </option>
        <label> Would you recommend freeCodeCamp to a friend?
        <label><input type="radio" value="1" name="Definetly"> Definetly</label>
<label><input type="radio" value="2" name="Maybe"> Maybe</label>
<label><input type="radio" value="3" name="Not sure"> Not sure</label> 
        <label> What would you like to see improved? 
          <label><input type="checkbox" value="1"> Front-End Projects </label>
          <label><input type="checkbox" value="2"> Back-End Projects </label>
          <label><input type="checkbox" value="3"> Data Visualisation </label> 
          <label><input type="checkbox" value="4"> Challenges </label>
          <label><input type="checkbox" value="5"> Open Source Community </label>
          <label><input type="checkbox" value="6"> Glitter help rooms </label>
          <label> Any comments or suggestions?
          <textarea placeholder="Enter your comment here"></textarea>
          <input type="submit" id="submit"></input>
/* file: styles.css */

Thanks in advance!


I found my solution - I had to make the name=“radio” for all of my buttons!

Remember that radio buttons are used when you want to select one and ONLY ONE of the options. Your current code allows people to select all of them at once.

To prevent that, every radio button needs to have the same NAME attribute, which will prevent more than one being selected at once.

Your group of radio buttons is a number of radio buttons with the same name.

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