Learn HTML by Building a Cat Photo App - Step 44

HTML-CSS
1

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

2

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!

3

put the text after the bracket

4

i did but says it wrong

5

Can I see the updated code?

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

You need to close this input tag.

1 Like
8

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

9

Post the code here kindly.

1 Like
10

Screenshot (32)
Screenshot (32)1366×768 262 KB

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

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

1 Like
13

example please am getting it all wrong

1 Like
14

Ok.

<input type="radio> text.
1 Like
15

@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”.

html element structure image
html element structure image903×352 57 KB

I hope this helps. _ Happy coding!

1 Like
16

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

2 Likes
17

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

2 Likes
18

am so happy i got it now. thanks

2 Likes
19

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