Associating label elements and "for" attribute with an index with checkbox

Tell us what’s happening:
Describe your issue in detail here.
in my current coding i have a checkbox type attribute with loving, i am to Associate the text Loving with the checkbox by only nesting the text Loving in a label element and place it to the right side of the checkbox input element.
this is what i’ve done and am being told to make sure checkbox is still present, i am confused…
my code;
<label for= “loving” Loving

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <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>
        <label for= "loving" <input id="loving" type="checkbox" >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/101.0.4951.67 Safari/537.36

Challenge: Step 55

Link to the challenge:

You currently have:

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

If you examine this closely you can see that you embedded the input element inside of the label element. HTML does not allow for embedding of elements in this manner.

However, you are close in my opinion. You correctly applied the for attribute with the exception of a space after the = which may or may not cause an error. Now, to fix this and pass the challenge.

The challenge states:
“Associate the text Loving with the checkbox by only nesting the text Loving in a label element and PLACE IT TO THE RIGHT SIDE OF THE CHECKBOX input element.”

You will notice that I have capitalized some words from the challenge that you overlooked and are important to passing the lesson. Now, what is nesting of text within an element? To solve this think of how a <p> element is written the text is nested within the p element.

1 Like

Thank you very much,this helps me understand what am doing wrong, thanks allot…

1 Like

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