Create a Set of Radio Buttons [HELP!]

Tell us what’s happening:

I can’t proceed past this point and I’m not sure why. It says I haven’t given my radio buttons the name attribute ‘‘indoor-outdoor’’ - but I have?

Also each of my 2 radio buttons are apparently not nested in their own label element?


Your code so far

  <p>Click here to view more <a href="#">cat photos</a>.</p>
  <a href="#"><img src="" alt="A cute orange cat lying on its back."></a>
  <p>Things cats love:</p>
    <li>cat nip</li>
    <li>laser pointers</li>
  <p>Top 3 things cats hate:</p>
    <li>flea treatment</li>
    <li>other cats</li>
  <form action="/submit-cat-photo">
    <input id="indoor" type="radio" name="indoor-outdoor">
    <label for="indoor">Indoor</label>
    <input id="outdoor" type="radio" name="indoor-outdoor">
    <label for="outdoor">Outdoor</label>

    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>


Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36 OPR/60.0.3255.69.

Link to the challenge:

You should wrap your input around the label like this

        <input>  indoor  </input>

the " i " in indoor is in small letter same with the " o ".

This has worked perfectly.

Thank you :+1:

1 Like