Survey Form - Build a Survey Form

Failed: Every radio button group should have at least 2 radio buttons.
what is this supposed to mean?

Please post your code.

That message means that you have a radio button group that doesn’t have at least 2 radio buttons.

<!Doctype html>
<link rel="stylesheet" href="styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<body>
<h1 id="title">Franco's Survey</h1>
<form id="survey-form">
<p id="description">Thank you for Choosing Franco's, To help us improve the Service Please Fill this Survey.</p>
 <label for="name" id="name-label">Name:</label>
 <input id="name" type="text" placeholder="Wiam Daher" required>
  <label for="email" id="email-label">Email:</label>
  <input id="email" type="email" placeholder="Maiwdyer@gmail.com"required>
<label for="number" id="number-label">Number:</label>
<input id="number" type="number" min="10" max="10" placeholder="0549112601" required>
  <p id="menu">Which Meal did you Order?</p>
  <select id="dropdown">
    <option>select
      <option>Kibbeh
      <option>Arayes
      <option>HotDogs
      <option>Burger
  </select>
  <p id="food-rate">How would you rate the meal?</p>
  <input id="not-good" name="not Good" type="radio" value="not-good">
  <label for="not-good">Bad</label>
  <input  id="average" name="average" type="radio" value="average">
   <label for="average">average</label>
  <input name="Good" type="radio" value="good">
  <label for="good">good</label>
  <input name="yummy" type="radio" value="yummy">
  <label for="yummy">yummy</label>
  <p id="comment">Tell us in your own words!</p>
  <textarea>Leave a Comment</textarea>
  <label>
<p id="experience-rate">From 1 to 5  How would you rate your overall experience:</p>
<label for="1">1</label>
<input value="1" type="checkbox">
<label for="2">2</label>
<input value="2"type="checkbox">
<label for="3">3</label>
<input value="3" type="checkbox">
<label for="4">4</label>
<input value="4" type="checkbox">
<label for="5">5</label>
<input value="5" type="checkbox">
<button id="submit" type="submit">submit</button>
</fieldset>
</form>
</body>

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

you still didn’t answer my main question regarding the radio buttons!

I’m getting there. Patience please.

are you ai or human?

I am a human. I am a human who is helping multiple people at the minute, so please be patient.

sorry man my deepest apologies

It doesn’t look like these radio buttons are grouped together.

I didn’t remember what Step covered radio button groups, so I punched the phrase “radio button group” into Google and got this result:

I would try following that example of using a the same name property and different value properties for the radio buttons in the group.

You need same name attribute value for 2 redio input.

Right now this is how your radio buttons are behaving.
I shouldn’t be able to select all of the options

radio buttons are used when you what the user to select only one option at a time like this

as mentioned earlier, you need to make changes to the name attribute

Here is the step where you learned about radio inputs and the name attribute

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