Learn HTML by Building a Cat Photo App - Step 56

HTML-CSS
1

What did I do wrong here ?

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"for="loving">    <label>loving</label> 
          </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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36 Edg/106.0.1370.52

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

Link to the challenge:

1 Like
2

image
image1009×43 8.24 KB

The attribute for=“smth” goes in the opening ‘label’ tag. Between the ‘label’ tags goes " Loving". As you can see, there is a blank space in front of the word.

3

So I did it still isnt right ?
<input id="loving"type="checkbox"for=“loving”> for=“Loving”> Loving

4

Afternoon,

Your <input> has an ID of loving. Think about where you could place the for attribute to assosicate it with the <input>

The goal is to associate your text with the input using a label :+1:

Hope this helps,
Rob

5

<input id="loving"type=“checkbox”> for=“Loving”> Loving

6

Can you please write for me the exact wording needed ?

1 Like
7

I think you are very close to the answer mate.

You have just 2 elements in play. The <input> and the <label>.

You have placed the For attribute within the <input> element and had no luck.

Try adding the For attribute to your <label> element and see what happens :slight_smile:

Rob

8

No its not right ??

This is what I entered now, and I’m still getting a sorry code didin’t pass massage ??

<input id="loving"type="checkbox"for=“loving”> for=“loving”> loving

9

dear, u have wote (for=“loving”) twice

10

Hi I did just that and I still get an error massage ?

<input id="loving"type="checkbox"for=“loving”> loving

11

image

12

This is what I wrote now

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

and still no good ??

13

Look at the post above. Do you see where for=“loving” goes?

14

Try again but remove the extra > from You have made an easy typo here :slight_smile:

Rob

15

for=“loving” loving

doesn’t go ???

tempsnip
tempsnip1072×760 75 KB

16

for is an attribute
we write attributes inside the opening tags of their respective elements

in this case, for should be inside the label opening tag.

17

Please post your actual code instead of a picture. Thanks

18

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