Learn HTML by Building a Cat Photo App - Step 56

Tell us what’s happening:

Please help, I got stuck on step 56, this is the first time I ask for help and this is my first coding lesson ever so I’m a Newbie on this

Your code so far

        <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>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
          <li>cat nip</li>
          <li>laser pointers</li>
          <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>  
        <h3>Top 3 things cats hate:</h3>
          <li>flea treatment</li>
          <li>other cats</li>
          <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>  
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
            <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>
            <legend>What's your cat's personality?</legend>

<!-- User Editable Region -->

            <input id="loving" type="checkbox" <label> Loving </label>

<!-- User Editable Region -->

          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.1 Safari/605.1.15

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 56

your input is missing a >

You got some spacing issues to fix
You have no closing > for your input
And you are missing the last part of the directions
“and giving it an appropriate for attribute.”

Did this changes but still no good:


1 Like
<input id="loving" type="checkbox>
<label> for="loving" </label>
1 Like

for=“loving” is the attribute related to the label. So make sure it’s inside your label.

You are missing the ending quote for type here

You are now missing the label text Loving here. Also the for needs to be in your opening label tag

I’ve edited your code 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.

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

Got you on the first line, but in the second one, what do you mean with “missing the label text Loving” Do I need to put the word loving after opening label element? Also what do you mean with “the for needs to be in your opening label tag” The tag should be , for , or <label for? Or id=“loving” for=“loving”

So a general syntax for this would look like

<label for="for text">Label Text</label>

Thanks Cody, and sorry to bother you with something so simple

Thanks for the answer! I had to dig through a couple question threads before I came across your answer which finally helped make sense of using for with label.

All good. We have all been there