Learn HTML by Building a Cat Photo App - Step 61

Tell us what’s happening:
Describe your issue in detail here.
I have no idea what and how to do here in this particular test, make the wording more precise
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">

<!-- User Editable Region -->

          <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" name="personality" value="loving"> <label for="loving">Loving</label>
            <input id="lazy" type="checkbox" name="personality" value="lazy"> <label for="lazy">Lazy</label>
            <input id="energetic" type="checkbox" name="personality" value="energetic"> <label for="energetic"> Energetic</label>
          </fieldset>

<!-- User Editable Region -->

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

Link to the challenge:

To pass the test you need to

" Instead, just add the word checked to the input element"

You need to add the word checked in the first input where the type is radio and add the word again in the first input where the type is checkbox

1 Like

Make sure there still are two radio buttons and three checkboxes nested in their respective fieldset elements.

that’s what he says to me when i do it so i don’t understand shit

lets see the new code you tried
When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

<fieldset>
            <legend>Is your cat an indoor or outdoor cat?</legend>
            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> 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" name="personality" value="loving"> <label for="loving">Loving</label>
            <input id="lazy" type="checkbox" name="personality" value="lazy"> <label for="lazy">Lazy</label>
            <input id="energetic" type="checkbox" name="personality" value="energetic" checked> <label for="energetic"> Energetic</label>
          </fieldset>

When you use the </> button your code needs to go between the lines it give you, not after. I have edited your post this time.

Where is the checked for the checkbox?

1 Like

Can you show this with a line of code? I see it on the site but I don’t get it.

You added checked here to the first radio button. Now look and find where your first checkbox is and do the same thing

1 Like

please indicate just in the code where it is necessary to place the id in the name where?

You are not placing an id anywhere? I have told you where you need to add the checked. attribute. Have you found the first checkbox in your code? Do you know how to find a checkbox in your code?

1 Like

if my first ID is Indoor
then where do I put checked?
Indoor

Where are you getting id from? You should not be worrying about any id’s in this challenge

This is what you have to do

I have showed you where you added the checked correctly for your radio button. This is correct for your radio button. You still need to do the same thing for your checkbox

Find where your first input is why the type of checkbox and add the checked attribute like you did with the radio button

1 Like

you can simply, with the help of a comment, indicate exactly in the code where exactly to write this, I have been hovering over it for 2 hours already

      <fieldset>
        <legend>Is your cat an indoor or outdoor cat?</legend>
        <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> 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="checked" name="personality" value="loving" > <label for="loving" checked>Loving</label>
        <input id="lazy" type="checkbox" name="personality" value="lazy"> <label for="lazy">Lazy</label>
        <input id="energetic" type="checkbox" name="personality" value="energetic"> <label for="energetic"> Energetic</label>
      </fieldset>

I really dont know how I could be more clear with what I am saying.

Why did you change the type here? The type needs to be checkbox.

Again I will show you what you did correctly

Do you see how you added the checked here? Do you understand that this input is the radio button? You need to do the same thing to your checkbox, you need to add the word “checked” to your first checkbox like you did with the radio button. Change the type from checked back to checkbox and add the work checked to your checkbox like you did with the radio button

1 Like

This line is good just change the type back to checkbox and move the checked to be inside the input. You have it in the label

1 Like

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