Learn HTML by Building a Cat Photo App - Step 56

##i think ive placed the label tags but perhaps my formatting is wrong ? im not certain why its not passing someone can let me know what im doing wrong # Tell us what’s happening:
Describe your issue in detail here.

CatPhotoApp

Cat Photos

See more cat photos in our gallery.

A cute orange cat lying on its back.

Cat Lists

Things cats love:

  • cat nip
  • laser pointers
  • lasagna
A slice of lasagna on a plate. Cats love lasagna.

Top 3 things cats hate:

  1. flea treatment
  2. thunder
  3. other cats
Five cats looking around a field. Cats hate other cats.

Cat Form

Is your cat an indoor or outdoor cat? Indoor Outdoor What's your cat's personality? Loving Submit Your code so far
<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">
          <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>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

          </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/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 56

You appear to have created this post without editing the template. Please edit your post to 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 you say, the more we can help!

im uncertain in what you mean are you saying the label tags should only be arpund the loving text or the loving id ?

Currently, your label element nests both the text Loving and the input tag.

You do not want that, you only want it to nest the text, therefore, the input tag should come first, then the label element.
Also, it would help if you gave the label element a for attribute. The value of the for attribute should be the value of the input id attribute.

I think that is what @anon42932716 was passing across.

2 Likes

i have made some adjustments but im doing something wrong still and not certain what it might be

Then we need to see your new code

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

sorry i thought i pasted it

Your label should only be going around the text Loving that comes after the input.

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

i know im worng again but i belive i put them around the text loving

Remember that an opening tag looks like <elementName> and a closing tag like </elementName>, you are writing tags inside each other, and that’s wrong html, please don’t start a tag before finishing writing the previous one

im still confused im sure this is annoying ive been helped by others but i want to understand not just blindly get answer

I guess a good question to start with is. Do you know where the input ends in your code?

im not certain if input tags have a closing ?

<input id="loving" type="checkbox">

This is your input it ends with >

in the challenge code
<input id="loving" type="checkbox"> Loving

This text Loving is coming after your input.

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

this ran incorectly i think ive placed them around the lolving text

Read the below a few times carefully

Where is the end of your input? What text comes at the end of your input?

bro im stupid ive read everyones responses multiple times ive been stuck on this particular one for extra long ive tried re reading multiple times im not certain what im not understanding . no light bulb moment yet i appreciate everyone and anyone who helps

Its better to try and explain what you dont understand because I am also not sure what you are not understanding. So, the more you explain then the more I can help

Again

This is your input correct?

Then this is your input with the text Loving that comes after your input

So if thats the case then

thank you for your kindness and patience you made me understand that the second lloving was not within the input howver im uncertainwhere the for attribute goes here

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

This is not the right set up for a label. You can see it correctly here