Tell us what’s happening:
so, i am asked to Add to your form a set of three checkboxes. Each checkbox should be nested within its own label element. All three should share the name attribute of personality. I’m kinda confused on the wording of the question. And I’m not really sure how to start the code(well i kinda know but what do i put inside the label is what i’m confused about.) Please show me what I did incorrectly and how I can fix it.
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://www.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://www.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>
<label for="name"><input of="personality" type="loving" name="personality"> submit</label>
</form>
</main>
**Your browser information:**
User Agent is: Mozilla/5.0 (X11; CrOS x86_64 13816.64.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.100 Safari/537.36.
Challenge: Create a Set of Checkboxes
Link to the challenge: