Learn HTML by Building a Cat Photo App - Step 44

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

<!-- User Editable Region -->

 
          <input type="radio" id="indoor" name="catphotourl" placeholder="cat photo URL" required value="indoor">

<!-- User Editable Region -->

          <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/117.0.0.0 Safari/537.36 Edg/117.0.2045.41

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

Link to the challenge:

First, do not change anything that is already there. You changed the text input into a radio input. I would reset the step to get the original HTML back.

Then, only do the one thing the instructions ask:

"Before the text input, add a radio button with the option set as:

Indoor"

This means you should only add a new radio button input with the text “Indoor”. That’s it. Do not make any other changes.

1 Like

can you write the code please i am not able to understand that

1 Like

Hope can be good and help fix html
Not need add anything to element input have with required can erase value with word indoor
Number 44 is for adding extra input before one already made here type above line
on line 38 you typed
input is your element
type is your attribute
radio is your value
now for 44 make new element like bbsmooth tried to help explain not need change html for line already made erase extra added to required if not want to reset html
Can be add before read 44 last line
now make new element
input is your element
type is your attribute
radio is your value
for option type the word in 44 which is animal cat next to element now made just like the text written for your button submit below in the html but not add a ending input element input elements not need closing </ element
not want to give answer hope this can help fix html thank you take care gn gm
erase extra added to required in element
make new element on line above input with the required text
type text next to your new element made no closing element needed like for a button

1 Like

Please explain what you don’t understand. We don’t write code for people, so you will have to figure this out on your own. We are here to answer your questions, but you have to ask the right questions.

1 Like