I cant solve this. i tried everything :- 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

HTML-CSS
1

Tell us what’s happening:

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>
<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><input type="checkbox" name="fillings" value="loving"> loving
</label>
<label for="loving"><input id="loving" type="checkbox" name="personality"> energetic</label>
</form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

2

image
image1368×346 29.1 KB

3

Look closely at all of the checkbox and radio buttons. Do they all have a value attribute? Do they all have value set to the input label text?

1 Like
4

thanks sir. i corrected it and i solved it :smiley: