Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Good day everyone im confused for this what it means?
Failed:Every radio button group should have at least 2 radio buttons.

error
error1913×890 216 KB

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title></title>
</head>
<body>
 <h1 id="title">Title</h1>
 <p id="description">Here is the description of the page</p>
 <form id="survey-form">
   <label id="name-label">
   <input type="text" id="name" placeholder="name" required>
   </label>
   <label id="email-label">
   <input type="email" id="email" placeholder="email" required>
   </label>
   <label id="number-label">
   <input type="number" id="number" placeholder="number" min="13" max="120" required>
   </label>
    <select id="dropdown">survey-form
      <option></option>
      <option></option>
    </select>
    <input type="radio" name="test" value="personal">survey-form
    <input type="radio" name="tes1" value="business">survey-form
    <input type="checkbox" name="test" value="survey-form">survey-form
    <input type="checkbox" name="tes1" value="survey-form">survey-form
    <textarea>
    </textarea>survey-form
    <input type="submit" id="submit" value="survey-form">

   </form>
  </body>
  </html>


/* file: styles.css */

Your browser information:

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

Challenge Information:

Survey Form - Build a Survey Form

2

Hello @therdy !

To make a radio group have at least two buttons, requires giving each radio button in the group the same name.

Example only:
<p>Which do you think is most important in human interactions?</p>
<input type="radio" id="kindness" name="choice">Kindness
<input type="radio" id="empathy" name="choice">Empathy
<input type="radio" id="compassion" name="choice">Compassion
<input type="radio" id="all_above" name="choice">All Above

If there are more questions and radio answers, those would require different from this one.

I personally would add a number to the new group names.

I hope this hope this helps you.

Wishing you good progress!

1 Like
3

thank you for kindness master

1 Like
4

You are welcome @therdy !

I hope it has helped you move on to the next step.

Wishing you good progress!

5

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