Tell us what’s happening:
question:Add a pair of radio buttons to your form, each nested in its own label element. One should have the option of indoor and the other should have the option of outdoor. Both should share the name attribute of indoor-outdoor to create a radio group.
what should i do i stuck here i am getting this errors;
Each of your two radio button elements should be nested in its own label
element.
Each of your label
elements should have a closing tag.
One of your radio buttons should have the label indoor
.
One of your radio buttons should have the label outdoor
.
Each of your radio button elements should be added within the form
tag.
indoor
outdoor
**Your code so far**my coding
<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</main>
<input id="indoor" type="radio" name="indoor-outdoor">
<lable for="indoor">indoor
</lable>
<input id="outdoor" type="radio" name="indoor-outdoor">
<lable for="outdoor">outdoor
</lable>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.163 Safari/537.36
.
Challenge: Create a Set of Radio Buttons
Link to the challenge:
please help me to solve this