"Name attribute of indoor-outdoor" Help me with those radio button!

HTML-CSS
1

Hi all,
Can someone help me to understand what is wrong in my following code? I got the following error: " Your radio buttons should be given the name attribute of indoor-outdoor".

<label for="indoor">
  <input type="radio" name=“indoor-outdoor”>indoor 
</label>
<label for="outdoor">
  <input type="radio" name=“indoor-outdoor”>outdoor 
</label>

Thank you so much for your help!

2

Your quote symbols look weird. Are you by any chance using an Apple device? If so, you need to turn of “smart punctuation”, because it will replace normal quotes with those weird curly ones.

1 Like
3

You don’t seem to have and id=“indoor” or id=“outdoor” inside each of your input tags. The labels will not be able to connect without that.

<input id="indoor" type="radio" name=“indoor-outdoor”>indoor </label>

Perhaps that will fix the problem.

1 Like
5

That was part of the problem! Thank you so much, I wouldn’t have noticed it without you!

6

Indeed! Good to know that it is used to actually connect the id with the name and what is displayed! Thanks!