Learn HTML by Building a Cat Photo App - Step 58

Tell us what’s happening:
My issue is I have zero clue I am DUMB. I am here asking at every turn. so I will sit here and wait for the 600 responses about this and then I will end up mad again. I know the code is completely wrong. Did fine up until yesterday, constantly stuck on stuff little kids do for fun. So I have my sunglasses on waiting to see the avalanche of responses then I will be back at square one. I will be waiting for the avalanche like last time.

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 -->

            <input id="loving" <for>for="checkbox"</for> </label>lazy</label> type="loving" name="personality"> <label for="loving">Loving</label><new>checkbox</new>

<!-- 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

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

Link to the challenge:

    <input id="loving" type="checkbox" label="Lazy" type="checkbox" for="label" name="personality"> <label for="loving">Loving</label> here is your checkbox!!

I have zero clue whatsever. I dont know your terms you guys use or any of that

There is no such thing as a <for> element. The word “for” is the attribute to the <label> and should be placed inside the brackets.

Checkbox is the value of the type attribute of an <input> element and should be placed inside the brackets.

I hope these helps to rearange your line of code and put all the attributes in their right places :slight_smile: .

Reset step.

This is what you get in this challenge by default:

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

Don’t change this code line.

Your task is to add another code line, very similar to the first one. You can even copy the given code line, and paste it after that line. The only difference is that a new code line should have the id attribute set to the value of “lazy”, the label’s ‘for’ attribute set to the value of “lazy”, and the text between the ‘label’ tags also set to the same value but with a capital “L”.

 <label>  <input id="loving" type="checkbox" for="Loving" type="checkbox" name="personality"> <label for="loving">Loving</label></label>
      <new> type="checkbox"</new>
<for> <input id="loving" type="checkbox" <label> type="Lazy"</label>      <new>type="checkbox"</new> name="personality"> <label for="loving">Loving</label></for> <new> type="checkbox> </new>

Thats so far and it says no. I am trying

no cut copy allowed inside the program at all. I have to type everything out and i dont type

I am sharing in this box the best i can

       <input id="loving" type="checkbox" name="personality"> <label for="loving">Loving</label>
        <label> id="Lazy" type="checkbox" </label>
        <new> type="checkbox" </new>

thanks for trying. i cant figure it out at all and 9 year old kids do this for fun. Thank you

Hey jlove, I would reset if I were you. Originally when you start the challenge you have this line already there

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

On the very next line below this you can copy this code here, and the only things you want to change is
in the new line below the above you need to

  1. change the id to lazy
  2. change the for value to “lazy”
  3. change Loving to Lazy

Remember dont change the line in this post above. Just copy the line and create it below the original code

Loving
type=“checkbox”

this?

I have reset 15 times before even posting. I really tried to explain so that all of you understood how severly limited my computer knowledge. I have been working this since 6 am and still dont get it.

i did fine up to step 56 and then i am lost beyond lost. I know all of you are trying but I am so lost Cody. I know you guys are trying

Not quite. So we can take a step back for a second when you reset the challenge you will see this line

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

Do not make any changes to that line. Leave it alone

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

Add your your new line here

Right where I added the comment is where your new code goes. You can copy the first line, put it where I mentioned the second line needs to go. Then only make these changes to the second line

  1. change the id to lazy
  2. change the for value to “lazy”
  3. change the text Loving to Lazy
1 Like

you know why didnt the instructions just say that?! What wingo man.

it never said didly about input.

Some of the challenges could be worded a little better. When they say checkbox they are referring to an input because a checkbox is an input. For example

<input type="checkbox">

A checkbox is just an input with the type equal to checkbox

See and here I am stuck again. I cant keep asking for answers. Supposedly kids do this for fun and i cant even to 60 lines of code