HTML Survey Form

HTML-CSS
1

I’m currently doing the survey form test and it’s giving me just one error saying: “Failed: Every radio button group should have at least 2 radio buttons.”
Am I missing something?

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <h1 id="title">freeCodeCamp Survey Form</h1>
    <p id="description">Thank you for using our platform</p> 
    <form id="survey-form">
     <div>
      <label id="name-label">Name</label>
      <input id="name" type="text" required placeholder="Name">
     </div>
     <div> 
      <label id="email-label">Email</label>
      <input id="email" type="email" required placeholder="Email"></label>
     </div>
     <div> 
      <label id="number-label">Number</label>
      <input id="number" type="number" required placeholder="Number"min="0" max="65">
     </div> 
      <select id="dropdown">
        <option value="Name1">Option one</option>
        <option value="Name2">Option two</option>
        <option value="Name3">Option three</option>
      </select>
     <div>   
      <label>
      <input id="option one" type="radio" name="option one" value="one" checked>Option One
      </label>
      <label>
      <input id="option two" type="radio" name="option two" value="two">Option Two
      </label>
      <label>
      <input id="option three" type="radio" name="option three" value="three">Option Two
      </label>
      </div> 
      <div>
      <input id="option one" type="checkbox" name="options" value="option one">Option One</label>
      </label>
      <input id="option two" type="checkbox" name="options" value="option one">Option Two</label>      
     </div>  
     <p>Here is a textarea:</p>
     <textarea id=""></textarea>
     <button id="submit">Submit</button>  
    </form>     
  </body>    
</html>
2

Radio buttons are in the same group when they have the same name attribute. You can’t have spaces in the name attribute, so this is throwing the tests off. So make sure all of the radio buttons that are supposed to be in the same group have the same name attribute without spaces.

3

would an underscore or hyphen work instead of a space?

4

Yes, you can use underscores and hyphens in the name. But remember, the name must be the same for each radio button in the group.

5

Got it, thank you so much for the help!

6

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