Learn HTML by Building a Cat Photo App - Step 38

HTML-CSS
1

Tell us what’s happening:

I’m stuck on the form action thing? I have no idea what to do here, I’ve been stuck on this for 15 minutes.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
        <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"></form>
        </form>

<!-- 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/132.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 38

2

why did you add a second form opening tag? you already had it

3

that was the form tag for the first opening tag above the form action code

4

and did this step ask you to create a new opening form tag? or only to add the attribute?

5

This is what the step said:

Step 38

The action attribute indicates where form data should be sent.

Here is an example of a form element with an action attribute:

Example Code

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

In the example, action="/submit-url" tells the browser that the form data should be sent to the path /submit-url.

Add an action attribute with the value https://freecatphotoapp.com/submit-cat-photo to the form element.

6

it does say “to the form element”, it doesn’t say to create a new form element

7

Alright I’ll delete the second one and tell you if it works.

8

image
image1098×519 32.2 KB

This is what it says

9

you did not remove the extra form element

you should have one opening tag and one closing tag

10

It says the same thing as before.

11

show your code please

12

image
image1077×579 33.2 KB

13

you still have two opening tags, there should be only one

14

Oh thank you it worked.