I dont know where i am going wrong i have defined the values loving lazy and energetic yet it is showing error

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>
<form action="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor"> Indoor</label>
  <label><input type="radio" name="indoor-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/83.0.4103.61 Safari/537.36.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

Hi @prashanthijaddidi,
Welcome to the freeCodeCamp forum!

You have added > to close the opening tags in the right place, but you left in the old ones. The colors are useful to spot such things. E.g. value="energetic" should have the same colors as type="checkbox"

You also need to add value attributes on the indoor and outdoor inputs …

I solved your problem… you have just put extra closing tag in wrong place…
type, name, value, id etc are the attribute of the input element…
So use closing bracket at the the last of your input element… like this:

  <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>