Wed, 2018-10-10 07:27
Cant seem to pass? asking for… both are there?
Make sure each of your label elements has a closing tag.
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"> <label type="text" placeholder="cat photo URL" required> <button type="submit">Submit</button> <label> <label for="indoor"> <input id="indoor" type="radio"name="indoor-outdoor">Indoor </label> <label> <input id="outdoor" type="radio"name="indoor-outdoor">Outdoor </label> </form> </main>
Wed, 2018-10-10 07:29
#1
Help me. Thanks you !
Help me. Thanks you !
Tue, 2018-10-16 06:08
#2
html errors
You forgot to assign a value to the radio switches and labels are incomplete or unclosed. See minimal test case:
<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"> <meta content= "width=device-width, height=device-height, initial-scale=1" name="viewport"> <title> Test document </title> <style media="screen"> /*<![CDATA[*/ body, html { font: 100%/1.5 sans-serif; margin:0; padding: 0; } p { font-size: 1em; margin-bottom: 0; } h1, h2, h3 { font-family: serif; } h1 { text-align: center; } /* end boiler plate */ label { display: block; } legend { font-weight: bold; } /*]]>*/ </style> </head> <body> <h1> Radio input </h1> <form action="#" method="get"> <fieldset> <legend>Inside or Outside Cat</legend> <label for="indoor"> <input id="indoor" type="radio" name="in-out" value="in"> Indoor cat </label> <label for="outdoor"> <input id="outdoor" type="radio" name="in-out" value="out"> Outdoor cat </label> </fieldset> <input type="submit"> </form> </body> </html>
gary