Learn HTML by BuildinThe text Loving should be wrapped in a label element.g a Cat Photo App - Step 56

HTML-CSS
1

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

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>
            <label for="loving"> Loving </label>
            <input id="loving" type="checkbox"> Loving
          </fieldset>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

Your mobile information:

23124RN87I - Android 13 - Android SDK 33

Blockquote

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

Link to the challenge:

Could you tell how to wrap the loving within the label

Blockquote

e loving within the label

2

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!

3

Hi there!
You have added new text for label element. Instead you need to add label tags around existing Loving text after input element.

4

Sorry I didn’t get you

5

Your label for the text Loving should be goes after the input tag. Along the text Loving.

6

Same error! Explain easily

7

Example

<input>
<label>text</label>

@kumar808872

8

Hi, I want to ask why is this format? why is input in front of label? becasue the example in this challenge is label in front of the input

image

9

Hi there!
The curriculum challenge is teaching you that, you can use label associated with a input also that way.
Edit: in the above screenshot you posted, the label code is 100% correct. But the FCC curriculum challenges have strictly follow the instructions.

10

oh~ so this challenge is need us to put this behind not in front of input, right? actually just put it on the wrong place.

11

The challenge is asking us to put the label opening and closing tags around the text Loving. If you reset your challenge and read the starting code carefully, you have a word `Loving there after the input element.

1 Like
12

ohhhhh~ now I know what the challenge meaning, omg, I think too much, thanks you very much~

Also this site is cool, it will auto update when some new posts posted.

1 Like