Assistance on how to create a set of radio buttons

Tell us what’s happening:

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

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 13421.89.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.183 Safari/537.36.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

I see three problems:

<form action="https://freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>

<label for "indoor">
  <input id="indoor" type="radio" name="indoor-outdoor">Indoor
  <label for "outdoor">
    <input id="outdoor" type="radio" name="indoor-outdoor">Outdoor
</label>
  1. Your first label doesn’t have a closing tag. Your second one does - you just need to do that for the first label too.
  2. After the for attributes, you should have an = sign. This doesn’t seem to cause the test to fail, but it should be there.
  3. The test is telling you “Each of your radio button elements should be added within the form tag.” but yours is not inside the form, it is outside.

When I fix those, the code passes.

1 Like