Label elements quiz

HTML-CSS
1

Tell us what’s happening:
I have created all the radio buttons as required but the system says am wrong, could anyone please offer me some help here

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>
    <label for="Indoor">
    <input id="indoor" type="radio" name="indoor-outdoor">
  </label>
  <label for="Outdoor">
    <input id="outdoor" type="radio" name="indoor-outdoor">
  </label>
</form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.111 Safari/537.36.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

2

Try and write your label for in all small caps.

3

You put the wrong ids on the !
The for="" attribute of label is supposed to contain the exact id of the input contained in the label, and it’s not the case here. You put an uppercase “i” and and uppercase “o” on the two for="" attributes, but the ids are not capitalized.
You should replace :

<label for="Indoor">

by

<label for="indoor">

and same for the outdoor ones :slight_smile:

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.