Learn HTML by Building a Cat Photo App - Step 61

HTML-CSS
1

it should be a very simple
process really just adding a word !! dont know why its not working

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <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>
            <input checked 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>
          <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 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

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

Link to the challenge:

2

You added the checked attribute to the first checkbox but what about the first radio button?

3

can u explain more about the radio button

5

A radio button is an input element whose type is radio

6

i dont really get it when i add type=radio and add it i gets an error
Make sure there still are two radio buttons and three checkboxes nested in their respective fieldset elements.

7

You don’t have to add type=radio. It is already added. You are just supposed to add checked attribute to one of the radio button.

8

Why are you adding type=“radio” ???
You are supposed to be adding a checked attribute.

9

i tried that but it keeps telling
The first radio button is missing the checked attribute.
even after adding it to the first one

10

Please show your current code along with the changes that you made.

12

same original one i showed on the question i only added radio thinking it will solve the problem

13

Added radio? where did you add radio? You don’t have to add radio anywhere. Just add a checked attribute inside the first input tag where the type is radio

14

forget radio its irrelevant now it was an attempt to fix the problem
so now no radio the code the without it and it keeps giving me
The first radio button is missing the checked attribute.
FYI and talking about line 44

15

Just add a checked attribute to this tag.
Similar to this :point_down:

16

i did and still giving me same error
The first checkbox is missing the checked attribute.

17

Please just post your whole code so that we can test it along with the changes that you made

18

You can format code in this way

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

19

i dont have this option for god knows why :smiley:
i will repost it then

20

CatPhotoApp

Cat Photos

Click here to view more cat photos.

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 Lazy Energetic Submit
21

Just use three backticks ``` before and after the code.

22

thats it
do0nt know why not working