Learn HTML by Building a Cat Photo App - Step 44

HTML-CSS
1

I am following the instructions but can’t manage to get the radio input running correctly. the hint says the following " Your new input element should be above the existing input with type attribute set to text . You have them in the wrong order.". I tried to change the order but it says that its incorrect.

Im having trouble figuring out how to use the radio button. Any help would be appreciated.

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">Indoor
          <input text="name" name="catphotourl" placeholder="cat photo URL" required>

<!-- User Editable Region -->

          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.2 Safari/605.1.15

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 44

1 Like
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

Hello hope you’re fine! I really think that the problem is elsewhere! Please take a look in your next input right after.
You wrote <input text="name" name="catphotourl" placeholder="cat photo URL" required> the problem is you have to replace the text attribute (Because I think it isn’t correct :sweat_smile:) by a type attribute with the value “text”.

Hope I was helpful! Happy coding! :+1: :+1: :+1:

1 Like
4

thank you so much for taking the time to answer!

2 Likes
5

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