Please help me whats wrong

HTML-CSS
1

well… Can someone please help me to solve this?
I’m doing this while I’m in a hotel quarantine but It is not easy.
It keep saying like this:

One of your checkboxes should have the value
attribute of loving

One of your checkboxes should have the value
attribute of lazy

It’s seems alright with “Energetic”

Your code so far

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

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

  <label for="energetic">
  <input type="checkbox" value="energetic" 
name="personality">Energetic 
  </label>

<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">
  
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>

  <label for="indoor">
  <input type="radio" value="indoor"
name="indoor-outdoor">Indoor
  </label>

  <label for="outdoor">
  <input type="radio" value="outdoor"
name="inddor-outdoor">Outdoor
  </label>

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

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

  <label for="energetic">
  <input type="checkbox" value="energetic" 
name="personality">Energetic 
  </label>

</form>
</main>

Your browser information:

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

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

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.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

3

you have changed the label text, and that’s making the tests fail. It should have been capitalized.

2 Likes
4

Omg! thanks for your help!! You are a legend!!