Learn HTML by Building a Cat Photo App - Step 60

I’m not sure what seems to be the problem here. I already set the value to “lazy” but the error says " The value attribute of the Lazy checkbox should be set to lazy ." Am I doing it wrong?

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

maybe try keeping them on the same line so it looks like this :

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

if that doesnt work paste your full code and we can take a look! In future its easier if you press the help button instead and describe your problem in there. This way it shares your code and is easier to get you the help you need! :slight_smile:

1 Like

It still doesn’t work, but here’s my full code. :slightly_smiling_face:

```html
<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
      <section>
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">

<!-- User Editable Region -->

          <fieldset>
            <legend>Is your cat an indoor or outdoor cat?</legend>
            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
          </fieldset>
          <fieldset>
            <legend>What's your cat's personality?</legend>
            <input id="loving" type="checkbox" name="personality" value="loving"><label for="loving>Loving</label>
            <input id="lazy" type="checkbox" name="personality" value="lazy"><label for="lazy">Lazy</label>
            <input id="energetic" type="checkbox" name="personality" value="energetic"><label for="energetic">Energetic</label>
          </fieldset>

<!-- User Editable Region -->

          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

 Thanks for the tip btw. It's my first time here. :sweat_smile:

Hey thats ok welcome to the FCC forum! :slight_smile:

Take a look through your code you have a typo! You can see in you code one of your input elements and one of your closing label looks different to the rest, all the inputs are blue expect for one string where the text is red.

<input id="loving" type="checkbox" name="personality" value="loving"><label for="loving>Loving</label>
            <input id="lazy" type="checkbox" name="personality" value="lazy"><label for="lazy">Lazy</label>

This shows us something isnt correct with the first line of code, see if you can spot the error in the first line of code

1 Like

Cool. Yah I noticed that too. :sweat_smile: Thank you very much. It works now :smile:

1 Like

Haha no problem you will be suprised how many times the solution is down to something as simple as that! :sweat_smile: Happy coding! :smiley:

1 Like