Build a Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Hey,

I have an error message telling me “Every radio button group should have at least 2 radio Buttons”.
Matter of fact i put 3 radio buttons.
Is that a bug or something?

Your code so far

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

  <body>
    <header>
      <h1 id="title">Survey Form</h1>
      <p id="description"> Thanks for your Visit</p>
      </header>
      <main>
        <form id="survey-form">
          <label for="name" id="name-label">Name (required)
            :</label>
          <input id="name"
                 type="text"
                 name="name"
                 placeholder="Ex. John Doe"
                 required>
                 <br>
   <label for="email" id="email-label">Email Address (required) :
     </label>  
   <input id="email"
          type="email"
          name="name"
          placeholder="example@mail.com"
          required>
          <br>
          <label for="age" id="number-label">Age (optional)
            :</label>
          <input id="number"
                 type="number"
                 name="number"
                 min="0"
                 max="100"
                 placeholder="18">
                 <br>
         <p>How did you feel at our place?</p>
         <select id="dropdown">
         <option value="bad">Bad</option>
         <option value="awesome" selected>Awesome</option>
         </select>
         <br>
         <p>Would you recommand us?</p>
         <label for="yes">Yes</label>
         <input type="radio"
                name="yes"
                value="yes">
         <label for"no">No</label>
         <input type="radio"
                name="no"
                value="no">
         <label="maybe">Maybe</label>
         <input type="radio"
                name="maybe"
                value="maybe">
                <br>
         <p>Would you come back?</p>
         <label for="yes">Yes</label>
         <input type="checkbox"
                value="yes">
         <label for="no">No</label>
         <input type="checkbox"
                value="no">
                <br>
         <p>Other comments?</p>
         <textarea id="comments"
                   cols="30"
                   rows="10">
                   </textarea>
         <button id="submit">Submit</button>              
          </form>
        </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/140.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

you are missing the group part tho, do you know how that is done? how do you make radio groups into a group?

3

by giving em the same “name” attribute?

4

and do the radio buttons you have written have the same name attribute?

5

Ahaha! No… :stuck_out_tongue: thank you anyway it helps figured it out !

6

you also have some syntax issues, you may want to use a html validator Ready to check - Nu Html Checker