Learn HTML by Building a Cat Photo App - Step 36

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
No matter how I write this code it says I don’t have the action attribute. I’ve tried with “>” and without still not passing
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>

<!-- User Editable Region -->

        <form> 
          
        </form>
        <action= "https://freecatphotoapp.com/submit-cat-photo".

<!-- User Editable Region -->

      </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/112.0.0.0 Safari/537.36

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

Link to the challenge:

2

You are not adding the attribute correctly. Look at how the challenge gives you an example

<form action="/submit-url"></form>

Now look at your code

`<form> 
          
        </form>
        <action= "https://freecatphotoapp.com/submit-cat-photo".`

See the issue?

3

No sorry i don’t. When i put it with form it tells me that the form should be blank. I will try it again. Thank you

4

The action needs to go inside the form like the example shows. Can you put your new code here that shows the code where you put it in the form?

5

Hello!
As Cody_Biggs has stated, if you put your action attribute along with the link, within the opening form element, that should solve your issue. I did the same thing as you, at first, then realized my error.
Happy coding! :slightly_smiling_face:

6
action= "https://freecatphotoapp.com/submit-cat-photo."
7

I put my code on the form line even though I don’t see the form line in my reply. I tried to copy and paste.

8

What do you mean on the form line? We really cant help you unless we see the all of latest code of what you are trying.

It needs to be exactly like the example I posted in my first reply, but the action line is going to be different

1 Like
9

The < form > </ form > element.
The first one is the opening element, the last one is the closing element.
Please try placing the action within the opening < form > element.
It should appear as the example posted in the instructions which shows the example example, <form action="/submit-url"></form>
I am not sure if there is a misunderstanding of the instructions here. But, it appears, if you move what your are posting, to the correct location, as Cody_Biggs has stated, then you will pass the Step.
I hope this helps you further to complete the step, Rere2601.

10

Thank you guys for all of your help. I tried ti again and fixed my problem.

2 Likes