Stuck at this point of code

Tell us what’s happening:

One of your checkboxes should have the

value

attribute of

loving

. One of your checkboxes should have the

value

attribute of

lazy

. One of your checkboxes should have the

value

attribute of

energetic

.

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="/submit-cat-photo">
 
 <label for="indoor">
   <input id="indoor" value="indoor" name="indoor-outdoor" type="radio">Indoor
 </label>

 <label for="outdoor">
   <input id="outdoor" value="outdoor" name="indoor-outdoor" type="radio">Outdoor
 </label> <br>

 <label for="loving">
   <input type="checkbox" id="loving"name="Personality" value="loving">loving
 </label>

 <label for="lazy">
   <input type="checkbox" id="lazy" name="Personality" value="lazy">lazy
 </label>

 <label for="energetic" id="energetic">
   <input type="checkbox" name="Personality" value="energetic">
 </label>
  <button type="submit">Submit</button>
</form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.106 Safari/537.36.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

Hi, Can you send a link to your pen/code?

There might be a problem with your css. Are your css labels spelled correctly and all in lower case?

<form action="/submit-cat-photo">
 
 <label for="indoor">
   <input id="indoor" value="indoor" name="indoor-outdoor" type="radio">Indoor
 </label>

 <label for="outdoor">
   <input id="outdoor" value="outdoor" name="indoor-outdoor" type="radio">Outdoor
 </label> <br>

 <label for="loving">
   <input type="checkbox" id="loving"name="Personality" value="loving">loving
 </label>

 <label for="lazy">
   <input type="checkbox" id="lazy" name="Personality" value="lazy">lazy
 </label>

 <label for="energetic" id="energetic">
   <input type="checkbox" name="Personality" value="energetic">
 </label>
  <button type="submit">Submit</button>
</form>
</main>

Hello,
One of your label tags has both the ‘for’ and ‘id’ within it’s tag. The id attribute should be in the input tag and also set the value text for that label as well. Hope this helps.

Happy Coding.