About how to nest Radio Botton element

Tell us what’s happening:
PLZ can someone help me with this.

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='indoor-outdoor'>
 <label for='indoor'>indoor</label>
<input id='indoor'type='radio' name='indoor-outdoor'>
 <label for='indoor'>indoor</label>
 <input id='outdoor' type='radion' name='outdoor-outdoor'>
 <label for='outdor'>outdoor</label>
 <input id='outdoor' type='radio' name='outdoor-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 (Macintosh; Intel Mac OS X 10_15_1) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Safari/605.1.15.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

What’s your question? What problem are you having? What else have you tried?

1 Like

IT SAID
Each of your radio button element should be nested with it own label element.

None of your inputs are inside label elements. They are all before label elements. I believe that this challenge has two different examples of nested elements in the challenge explanation.

please can i see an example

There are two in the challenge description.

Here’s an example of a radio button:

<label> 
  <input type="radio" name="indoor-outdoor">Indoor 
</label>

This allows assistive technologies to create a linked relationship between the label and the child input element. For example:

<label for="indoor"> 
  <input id="indoor" type="radio" name="indoor-outdoor">Indoor 
</label>

If you do not read challenge descriptions carefully (and often more than once), you will not be able to succeed in the curriculum.

1 Like