Learn HTML by Building a Cat Photo App - Step 59

Tell us what’s happening:
I need help with these code.

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <section>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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">
        <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"> <label for="loving">Loving</label>
          <input id="lazy" type="checkbox" name="personality"> <label for="lazy">Lazy</label>
          <input id="energetic" type="checkbox" name="personality"> <label for="energetic"> Energetic</label>
        </fieldset>
       <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"> <label for="energetic" value="energetic"> Energetic</label>
      
        <input type="text" name="catphotourl" placeholder="cat photo URL" required>
        <button type="submit">Submit</button>
      </form>
    </section>
  </main>
</body>
</html>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.102 Safari/537.36 OPR/90.0.4480.54

Challenge: Learn HTML by Building a Cat Photo App - Step 59

Link to the challenge:

I would assume that you need help when you post on a help forum :slight_smile:

Can you be more specific about how you are stuck?

 <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"> <label for="energetic"  value="energetic"> Energetic</label>

All three checkboxes should have a value attribute. Check that there is a space after the opening tag’s name and/or there are spaces before all attribute names.

Have you added value in your third checkbox?

Try to be more thorough next time :grin:

Just copying parts of the instructions isn’t really helpful. I can read the instructions. I cannot read what you are thinking unless you tell us.

This doesn’t look correct.

i cant tell what wrong

You did not add the value attribute to the checkbox element. You added it to the label element.

still did not go through

Can we see your latest code?

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <section>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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">
        <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"> <label for="loving">Loving</label>
          <input id="lazy" type="checkbox" name="personality"> <label for="lazy">Lazy</label>
          <input id="energetic" type="checkbox" name="personality"> <label for="energetic"> Energetic</label>
        </fieldset>
       <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>
      
      
        <input type="text" name="catphotourl" placeholder="cat photo URL" required>
        <button type="submit">Submit</button>
      </form>
    </section>
  </main>
</body>
</html>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.102 Safari/537.36 OPR/90.0.4480.54

Challenge: Learn HTML by Building a Cat Photo App - Step 59

Link to the challenge:

Hello there.

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

i thinks i have written the code the correctly, but its still not passing. my check boxes has value attribute. i cant tell what wrong

Doubling the number of checkboxes will confuse the tests.

so what will i do to get it right

Have you tried not creating twice as many checkboxes?

yes took out the check box

Then add the value attribute to the existing checkboxes. Does that help?

What’s your updated code with only 3 checkboxes?

1 Like

Yes it helped thanks.