I continue to get message that I need to give radio buttons the name attribute of indoor-outdoor but that is what i seem to have done already.
then each of the two radio buttons elements should be nested in its own label element…yet i think that is what i have done
I’m stuck. cannot understand what problem is especially when I watched video and seem to be following his instructions completely
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="/submit-cat-photo"> <input id="indoor" type="radio" name of="indoor-outdoor"> <label for="indoor">Indoor</label> <input id="outdoor" type="radio" name of="indoor-outdoor"> <label for="outdoor">Outdoor</label> <input type="text" placeholder="cat photo URL" required> <button type="submit">Submit</button> </form> </main>
Your browser information:
User Agent is:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:62.0) Gecko/20100101 Firefox/62.0.