Learn HTML by Building a Cat Photo App - Step 35

HTML-CSS
1

Tell us what’s happening:

Step 35

The action attribute indicates where form data should be sent. For example, <form action="/submit-url"></form> 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. Describe your issue in detail here.

form element should have no content. Remove any HTML elements or text between the form element’s tags.
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>
        <form> action="https://freecatphotoapp.com/submit-cat-photo"> submit-url</form>
      </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/104.0.0.0 Safari/537.36

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

Link to the challenge:

2

What about the instructions or hints is confusing for you?

3

[quote=“lekubd, post:1, topic:548368”]

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

Hint

Your form element should have no content. Remove any HTML elements or text between the form element’s tags.

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

So far I have used the right ‘action’ and data sent to path path /submit-url used accordingly. Test

Sorry, your code does not pass. Keep trying.
Please help me out to resolve and pass. Thanks

4

This is not inside of a html tag. Tdat’s not a good sign. An attribute best be inside of an HTML tag.

5

This is not inside of a html tag. which one?

6

The part of your code that I quoted is not part of an HTML tag.

7

I am confused of… can I have your exact code to resolve it?

8

No. We still are not allowed to write answers for you.

Look at how you added an attribute here. Does it look like how you tried to add an attribute here

9

Tell us what’s happening:
Yesterday I have sub mitted this one: (Learn HTML by Building a Cat Photo App - Step 35)

I have been trying to solve syntax issues as under:
one of the > by eliminating brackets and and with but all the same

Test

Sorry, your code does not pass. Keep trying.

Hint

Your form element should have no content. Remove any HTML elements or text between the form element’s tags.

Confused of…
1- element should have no content???
2- Remove any HTML elements or text between the form element’s tags? ???

  **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/">submit-url</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/104.0.0.0 Safari/537.36

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

Link to the challenge:

10

Look between the opening and closing tags here

You have the text ‘submit-url’ between the tags

11

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