Checkbox and radio

Tell us what’s happening:
I created the both the radio and checkbox attributes, not sure what I am missing or writing incorrectly.

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>
  <label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
  <label for="lazy"><input id="lazy" type="checkbox" name="personality"> Lazy</label>
  <label for="energetic"><input id="energetic" type="checkbox" name="personality"> Energetic</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
  <label for="indoor">
<input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor
</label>
<label for="outdoor">
<input id="outdoor" value="outdoor" type="radio" name="indoor-outdoor">Outdoor
</label>
<label> 
<input type="checkbox" value="loving">
</label>
<label for="checkbox">
  <input type="checkbox" name="checkbox" value="lazy">
</label>
<label for="checkbox">
<input type="checkbox" name="checkbox" value=" energetic">
</label>
</form>
</main>

Your browser information:

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

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

You’ll want to check the example code again in the description. The test descriptions are a bit misleading in this, as you do have the value attributes labeled correctly. However, you’ll also want to put the values somewhere else near the input tags.

You should use the “for” attribute in label with matching id of the corresponding input. I can see that you used for=“checkbox” while there’s no id in your input tag.

one thing that the other suggestions have missed is: you need to add the attribute to the existingn elements. Not create new elements