Learn HTML by Building a Cat Photo App - Step 44

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <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">
          <input type="radio" type="text" name="catphotourl" placeholder="cat photo URL" required> 
          Indoor<input type="radio" type="text">
          <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/105.0.0.0 Safari/537.36

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

Link to the challenge:

2

:balloon: Hi, welcome to the forum!
We see you have posted some code but did you have a question?

3

Read the hint you are getting carefully. It is telling you how to fix the first issue you have. But you have more than one issue. So be sure to read the hints as they will tell you how to fix them all.

If you don’t understand a hint then please let us know what you don’t understand.

4

i’ve followed the instructon.i’m not sure that i did it in the correct way.
i’ll paste the codebelow. please give the instruction.

<h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
          <label> <input type="radio"> indoor </label>
          <input type="radio" type="text" name="catphotourl" placeholder="cat photo URL" required> 
          <button type="submit">Submit</button>
        </form>
      </section>
5

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

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

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

6

I don’t think the instructions asked you to add a label element. Only do exactly what the instructions ask and no more.

7

understood!
thank you!

i’ll paste my code below, plz check and let me know what did i miss.

<section>
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
          <label> <input type="radio"> indoor </label>
          <input type="radio" type="text" name="catphotourl" placeholder="cat photo URL" required> 
          <button type="submit">Submit</button>
        </form>
      </section>
8

On a side note, in your original code, your first input had two type attributes, which is not allowed in HTML, but yet the tests were accepting it. I have opened a github issue on this. So congrats on finding a bug :slight_smile:

9

Thanks!
Can you help me to sort this out?
still, I’ve no clue to pass stage 44.

10

An input element cannot have two types. You may want to remove the incorrect copy.

11

Have you tried removing the label element like I suggested above?

12

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