. All of your label items should have a closing tag. Why this error

Tell us what’s happening:
Describe your issue in detail 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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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://www.freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>
<form>
<label>
<label  for="indoor">
<input id="indoor"  type="radio" name="indoor-outdoor">Indoor
</label>
<label>
<label  for="indoor">
<input id="indoor" type="radio" name="indoor-outdoor">outdoor
</label>
</form>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 10; M2004J19C) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.85 Mobile Safari/537.36

Challenge: Create a Set of Radio Buttons

Link to the challenge:

Hi @almadwmy2016 !

I would reset the lesson because there are a few errors.

The first thing is that you are not supposed to create new form tags.
Use the ones that are already there.

You need to add your radio buttons inside the form.

Here is our form

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

ADD YOUR CODE HERE

    <button type="submit">Submit</button>
  </form>
</main>

Then take a close look at the example code again.
This is the correct way to create a radio buttons.

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

You can add that to your code and then add another radio button but for Outdoor.

Hope that helps!

1 Like