Survey form project, Probelm on the radio buttons

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

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.


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

Now it clicked :+1:. Thanks.

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.

1 Like

i got it to work. Thank you .