Label Element and name attribute for check boxes

Tell us what’s happening:
It’s asking me to put a label element around each check box and I’m not sure how to do it. Also, it’s now telling me to give the name attribute of “personality”, which I think I did. So, I’m a little confused.

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">
  <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
  <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>

</main>
</main>
<form label for ="loving"><input id="loving" type="checkbox" name="personality">Personality</label></form>
<form><label for ="loving"><input id="loving" type="checkbox" name="personality">Personality</label></form>
<form><label for ="loving"><input id="loving" type="checkbox" name ="personality">Personality</label>
<br></form>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.2 Safari/605.1.15.

Challenge: Create a Set of Checkboxes

Link to the challenge:

There are a bunch of errors that I see right away. You may want to reset the code and start again rather than trying to find them all. Here are the first ones that are jumping out at me:

  • You have a closing main tag before the closing form tag, even though your form is a child of main. – It looks like you deleted the closing form tag completely.
  • You have a second closing main tag.
  • You have content outside of main, which I suspect you shouldn’t.
  • You have a total of 4 forms (the first of which is never closed). I suspect that was not the assignment.
  • Your second opening form tag is not completed.
  • Your first opening label tag after the malformed form tag is missing <.
  • You have three identical forms (excepting the errors) with three identical labels and inputs. I know that is wrong. For one thing, you can’t use the same id for multiple elements. For another, I know that isn’t what freeCodeCamp told you to do.