Learn HTML by Building a Cat Photo App - Step 44

Tell us what’s happening:

Describe your issue in detail here.
how to create a text input with a add a radio button with the option set as:

Indoor

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="text" name="catphotourl" placeholder="cat photo URL" required>
          <input type="radio" 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/120.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 44

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

put the text after the bracket

i did but says it wrong

Can I see the updated code?

1 Like
<input type="radio" Indoor
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>

You need to close this input tag.

1 Like

av did, still saying the text Indoor should be located directly to the right of your radio button.

Post the code here kindly.

1 Like

<section>
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
          <input type="radio" Indoor>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
1 Like

You nested the text Indoor as well. It should be outside. It’s a text for the input tag.

1 Like

example please am getting it all wrong

1 Like

Ok.

<input type="radio> text.
1 Like

@ADEIZA Welcome to the community! You are so close. You are only missing the angle bracket at the end of the input tag , before the content “Indoor”.

I hope this helps. _ Happy coding!

1 Like

Relax my friend, you’ll get it. :slightly_smiling_face:

2 Likes

thank you so much i got it now, i really appreciate you time

2 Likes

am so happy i got it now. thanks

2 Likes