Learn HTML by Building a Cat Photo App - Step 43

HTML-CSS
1

I am stuck and can’t move forward from here. Can anyone help?

  **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 text="radio"> cat
        <input type="radio" name="Indoor" placeholder="cat photo URL" required>
        <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/537.36 (KHTML, like Gecko) Chrome/104.0.5112.101 Safari/537.36

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

Link to the challenge:

2

Welcome to the forum!

Sure. What questions/issues do you have about htis challenge step?

3

I can’t figure-out how to add the radio button with the word “cat.” Every way I try is rejected…

4

take a look at the task once more

You need to add radio button with the Indoor text

The one with the cat text - it’s example

5

I changed cat to Indoor…

It still doesn’t accept my code. It states, “Your new input element should be above the existing input with type attribute set to text. You have them in the wrong order.”

I don’t understand what they mean. :slight_smile:

6

Need to see your new code then.
You can paste it in your reply

8

unfortunately I can’t see your code here. Try to format it, use instruction I posted above.

9

compare this to

What’s different?

You should not change the text input element at all.

10

I’ve edited your post 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 (').

11 
<form action="https://freecatphotoapp.com/submit-cat-photo">
         <input text="radio"> Indoor
          <input type="radio" name="Indoor" placeholder="cat photo URL" required>
12

This gives me the following error:

Test

Sorry, your code does not pass. Don’t give up.

Hint

You should create an input element for your radio button. Check the syntax.

13 
<form action="https://freecatphotoapp.com/submit-cat-photo">
         <input type="radio" name="Indoor" placeholder="cat photo URL" required>
14

I don’t understand the changes you made.

Where did the radio button go?

You still need to put the text input back the way it was originally.

15 
<form action="https://freecatphotoapp.com/submit-cat-photo">
         <input text="radio"> Indoor
          <input type="radio" name="Indoor" placeholder="cat photo URL" required>
16

This gives me this error:

Test

Sorry, your code does not pass. Try again.

Hint

Your new input element should be above the existing input with type attribute set to text. You have them in the wrong order.

17

This is still wrong. The example uses a type attribute, not a text attribute.

This still is not the original text input element. You must reset this line to what it was before.

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

I restarted the entire step to get the original text input element (I think) and added Indoor above it. What now?

19

You need to fix this.

Can you point to the spot on the screen that says text="radio"? The part text is not correct.

20

AH!! Thank you so much!!

1 Like
21

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