Survey Form - Build a Survey Form

HTML-CSS
1

Forgot to save my code yesterday,unfortunately had to start from scratch. Guess what i’m still stuck in the same problem." [Every radio button group should have at least 2 radio buttons]"… honestly i do not know what to try anymore

   **Your code so far**

/* file: index.html */
<h1 id="title">Survey Form</h1>
<p id="description">Thank you for taking out the time to improve the platform.</p>
<form id="survey-form">
<input placeholder="Enter your Name" required id="name"></input>
<input placeholder="Enter your Email" type="email" required id="email"></input>
<input placeholder="Enter your Number" min="13" max="150" type="number" id="number"></input>
<label id="name-label" for="name">name</label>
<label id="email-label" for="email">email</label>
<label id="number-label" for="number">number</label>
<select id="dropdown">
 <option></option>
 <option></option>
 </select>
<fieldset id="Group">
 <input name="click1" value="radio1" type="radio"></input>
 <label for="radio1">radio1</label>
 <input name="click2" value="radio2" type="radio"></input>
 <label for="radio">radio2</label>
 </fieldset>
 <fieldset>
   <input name="Click3" value="radio3" type="radio"></input>
   <label for="radio3">radio3</label>
   <input name="click4" value="radio4" type="radio"></input>
   <label for="radio4">radio4</label>
 </fieldset>
 </form>

/* file: styles.css */


   **Your browser information:**

User Agent is: Mozilla/5.0 (X11; Linux i686; rv:91.0) Gecko/20100101 Firefox/91.0

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

hi there,
have not found the reason yet. ( at first sight your radiobutton 2 is called radio only, )

when entering your code i receive a lot more errors:

  • Failed: Every radio button group should have at least 2 radio buttons.

  • Failed: You should have at least two input elements with a type of checkbox (checkboxes) that are descendants of #survey-form.

  • Failed: All your checkboxes inside #survey-form should have a value attribute and value.

  • Failed: You should have at least one textarea element that is a descendant of #survey-form.

  • Failed: You should have an input or button element with an id of submit.

  • Failed: Your #submit should have a type of submit.

Failed: Your #submit should be a descendant of #survey-form.

3

hi there,
changed a little code of yours and passed.
input element is selfclosing. you do not need the closing tag. And if you give all of them
the name=“radio”, you will receive this:

image
image1166×132 17.8 KB

5

The reason for the other errors was because i haven’t reached those steps yet,i am still struggling with this one.

1 Like
6

sorry, my fault.
Hope you are doing well.
If you like you can let let me know if there is another way to solve this step.
I was happy my version of code worked, but still i am interested to know about, why your code did not work. It looks so good and well sorted. Have a nice day!!

7

Will definitely keep you updated,thank you.Enjoy your day too

8

Thank you very much it passed

1 Like
9

radio buttons are grouped together with the name attribute, meaning in a group they have to have the same value for the name attribute

10

Finally i got it thank you :grinning:…

11

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