Creating Set of Radio Buttons!

HTML-CSS
1

Tell us what’s happening:
Tried working on this assignment but it is not working. It is showing these errors mentioned below. Pls help!

Each of your two radio button elements should be nested in its own label element.

Each of your label elements should have a closing tag.

One of your radio buttons should have the label outdoor .

Each of your radio button elements should be added within the form 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="https://freecatphotoapp.com/submit-cat-photo">
  <lable for="outdoor">
  <input id="outdoor" type="radio" name="indoor-outdoor">Outdoor
  </label>  
  <label for="indoor">
  <input id="indoor" type="radio" name="indoor-outdoor">indoor
  </label>
</form>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:86.0) Gecko/20100101 Firefox/86.0.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

2

You have a typo in one of your <label> tags.

1 Like
3

Thanks! No doubt it is said a fresh pair of eyes always helps when stuck :slight_smile:

4

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