Checkbox problem

HTML-CSS
1

Tell us what’s happening:
I Can’t understand where is the problem within the codes of checkbox?

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 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><br>
   <label for="loving">
    <input value="loving" type="checkbox" name="personality"> loving
   </label>
   <label for="loving">
    <input value="lazy" type="checkbox" name="personality"> lazy
   </label>
   <label for="lazy">
    <input value="energetic" type="checkbox" name="personality"> 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; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.97 Safari/537.36 OPR/65.0.3467.48.

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

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums

1 Like
3

it may be that you have added things that were not required, and the tests are failings for the unexpected things.
try resetting and adding only the value attribute

1 Like