Build a Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

I think I have made all radio button groups with more than 2 radio buttons, but the test kept failing due to that reason. So I failed at step 38, and everything else passed.

Your code so far

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

  <body>
      <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">
        <label for="name-label" id="name-label">Name</label>
            <input type="text" id="name" placeholder="John Dow" required/>
       <label for="email-label" id="email-label">Email</label>
            <input type="email" id="email" placeholder="john.doe@gmail.com" required/>
        <label for="number-label" id="number-label">Age (optional)</label>
            <input type="number" id="number" min="3" max="100" placeholder="20"/>
        <label for="role-label">Which option best describes your current role?</label>
        <select id="dropdown">
          <option>Gay</option>
          <option>Les</option>
          <option>Anime</option>
        </select>
        <label for="recommend-label">Would you recommend freeCodeCamp to a friend?</label>
            <label><input type="radio" name="yes" value="yes">Yes</label>
            <label><input type="radio" name="no" value="no">No</label>
            <label><input type="radio" name="maybe" value="maybe">Maybe</label>
        <label for="referral-label">How did you know about us?</label>
            <label><input type="radio" name="social" value="social" checked>Social</label>
            <label><input type="radio" name="friends" value="friends">Friends</label>
            <label><input type="radio" name="news" value="news" checked>News</label>
        <label for="improvement-label">What would you like to see improved? (Check all that apply)</label>
            <label><input type="checkbox" id="satisfactory" value="satisfactory">Satisfactory</label>
            <label><input type="checkbox" id="poor" value="poor">Poor</label>
        <label for="additional-label">Do you have any other feedback?</label>
           <textarea></textarea>
        <button 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/137.0.0.0 Safari/537.36 Edg/137.0.0.0

Challenge Information:

Build a Survey Form - Build a Survey Form

2

It helps to review the relevant User Stories as well:

Inside the form element, you can select an option from a group of at least two radio buttons that are grouped using the name attribute.

What makes radio buttons into a group?

You should only be able to select 1 radio button in a group. However in the preview I can select all of the radio buttons at the same time.

1 Like
3

I failed at this: 38. Every radio button group should have at least 2 radio buttons.

4

What makes radio buttons into a group?

You should only be able to select 1 radio button in a group. However, using your code, in the preview I can select all of the radio buttons at the same time. This means they are not in a group.