Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.
Every radio button group should have at least 2 radio buttons.

I’m not sure what grouping means, I used the fieldset element. I need help.
Your code so far

<!-- file: index.html -->
<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">
  <input id="name" type="text" required placeholder="Please use capital letters" ></input>
  <label id="name-label">Your name</label>
  <input id="email" type="email" required
 placeholder="email"></input>
 <label id="email-label">Your email</label>
  <div></div>
  <input id="number" type="number" min="18" max="65" placeholder="age" ></input>
  <label id="number-label">Your age</label>
  <div></div>
  <p>In the 'select your sex' button below, please choose your prefered sex<p/>
  <select id="dropdown">
    <option>select your sex</option>
    <option>male</option>
    <option>female</option>
    <option>other</option>
  </select>
  <div></div>
  <fieldset>
  <p>From the choices below please 'click' your prefered pronoun.</p>
  <input type="radio" value="pronoun" name="pronoun">They
    <input type="radio" value="he" name="he">He</input>
    <input type="radio" value="her" name="her">Her</input>
  </input>
  </fieldset>
  <div></div>
  <fieldset>
  <p>From the choices below please 'click' your prefered experience in coding.</p>
  <input type="radio" value="experience" name="experience">Beginner
    <input type="radio" value="medium" name="medium">Medium</input>
    <input type="radio" value="advance" name="advance">Advance</input>
  </input>
  </fieldset>
  <div></div>
  <p>In the space provided below please draw a circle.</p>
  <textarea></textarea>
  <div></div>
  <p>Are you physically diabled?</p>
  <input type="checkbox" value="yes">yes</input>
  <input type="checkbox" value="no">no</input>
  <p>Thank you for your time, once you are confident that you have completed the survey please click the submit button below.</p>
  <input id="submit" type="submit"></input>
</form>

/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
  font-family: Tahoma;
  font-size: 16px;
}

h1, p {
  margin: 1em auto;
  text-align: center;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Your radio buttons need to be named the same thing, not all separate names. Once they have the same name, they can be connected. The value is where you identify them as an option; the name is where you identify the category for the radio:
<label for “yes” id=“yes”>
Yes
<label for “no” id=“no”>
No

1 Like

For my radio button, did a Yes or No radio options, so my name is
name=“yes-no”

1 Like

Thank you @Emily.F :sunglasses: