Tell us what’s happening:
i have just follow the instruction on how to make radio button nested in lable but somehow it doesn’t go through in which only first two has been check marked correct and the rest check marked wrong. any help is needed.
Your code so far
<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="https://freecatphotoapp.com/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
<form>
<lable for="indoor">
<input id="indoor" type="radio" name="indoor-outdoor"> Indoor</input>
</lable>
</form>
<form>
<lable for="indoor">
<input id="indoor" type="radio" name="indoor-outdoor"> outdoor
</lable>
</form>
</main>
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36
.
Challenge: Create a Set of Radio Buttons
Link to the challenge: