Survey form project, Probelm on the radio buttons

Survey form project, Probelm on the radio buttons
0.0 0

#1
 <div class="radio">
	 <label for="male">Male
		<input id="male" type="radio" name="male" value="male">
	</label>
	<label for="female">Female
		<input id="female" type="radio" name="female" value="female">
	</label>
       <label for="other">Other
		<input id="other" type="radio" name="other" value="other">
	</label>
</div>

i keep getting this error
13. Inside the form element, I can select a field from one or more groups of radio buttons. Each group should be grouped using the name attribute.


#2

To group, all the name attributes must be the same. You have three different values for the name attributes.


#3

Now it clicked :+1:. Thanks.


#4

Please note, all your radio buttons should come with one same name attribute, for instance all should come with name="gender".

Browser will unselect a radio button if another radio button with the same name value gets triggered. but you have three group, not one.

Another tip: when you place the input inside the label tag, so may not associate the label to the input using id and form attrs.

Happy programming.


#5

i got it to work. Thank you .