Learn HTML by Building a Cat Photo App - Step 56

HTML-CSS
1

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

Hello - pls help. I’ve been w this for a while - I cannot figure out where the for attribute should go. I know its prob v simple but…

It makes sense to me that it would go in with the other attributes. But that hasn’t worked, neither has including it after the input element or including it in the w the label element.

Can someone explain this to me?

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <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"> <label>Loving</label><for="loving">
          </fieldset>
          <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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Safari/605.1.15

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

Link to the challenge:

2

Hello!

You already have the syntax right, now we just need to place it at the right spot.

I will try to guide you there without spoiling:

<label 1 >Loving</label 2 > 3

where would it make the most sense? spot 1, 2 or 3?

Edit:

Someone gave the answer, take from my response how to approach a problem like this, step by step. You will get better with time.

Once you are on the job there won’t always be someone around to provide a solution.

3

Hello,

your “for=loving” should be placed in the opening tag of the label. You currently have it AFTER the closing tag…that won’t work…

4

OMG!!! thanks. Inside the label tag. I get it cheers. Helped to see it written down.

5

In the label!!! Thanks. :sweat_smile:

6

Also - Just wanted say. That’s a new concept. Not done that before

7

A tip: in this case you can search Google for “html ‘for’ label”.

It’s not cheating, we aren’t in school anymore, thank god, that’s how developers
work. I have almost 100 bookmarks for research in my Chrome :smile:

1 Like
8

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.