I don't understand what is wrong with this code

HTML-CSS
1

Tell us what’s happening:
I dont understand it keep saying the checkbox is wrong but my radio is the correct. The message is below

// running tests

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

// tests completed

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><input type="radio" name="indoor-outdoor" value="indoor">Indoor</label>
<label><input type="radio" name="indoor-outdoor" value="outdoor">Outdoor</label></br>
<label><input type="checkbox" name="personality" value="loving">loving</label>
<label><input type="checkbox" name="personality" value="lazy">lazy</label>
<label><input type="checkbox" name="personality" value="energetic">energetic
</label>
</br>



  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>

Your browser information:

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

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxes

2

See if removing the / in your line break helps. I’m certain line breaks have no end tags.
And it might seem tedious but also try uppercasing the first letter of the labels.

3

Hi Charrylam,

It seems the tests are failing, because you have made the value labels all lowercase, for the checkboxes. The value attribute is the only one supposed to be lowercase.

I would, reset the code. Then, add a value attribute with what is in the input label lowercase, but leave the label itself alone (eg. Do not change Loving to loving)

4

Okay i reset the whole code and paste it back in and it work. Thanks

1 Like