Make sure your form has an action attribute which is set to /submit-cat-photo

Tell us what’s happening:

Your code so far


<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>
  
  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
  
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form action=" /submit-cat-photo">
  <input type="text" placeholder="cat photo URL">
  </form>
<main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/create-a-form-element

Hi !

Remove the space (blank space) like this : <form action="/submit-cat-photo">

Your code (with the blank space) :<form action=" /submit-cat-photo">

Hope this help !

1 Like

Hi!
Thank you so much

2 Likes

Hello! I just started as well and this one stumped me. I see that I got it right, but only after I copied your format. In the directions it says to nest your text field inside a form element, and THEN add the “action=”/submit…" how did you know to put it first?

Action is an attribute of form. Attributes go inside elements. Elements never go inside other elements but are wrapped by other elements.

So for example:

<body></body> is the body element.
width is a body attribute (this is older HTML but it shows you the example)>

So to use width you have to put: <body width=""></body>

But form is an element. You can’t put it outside body but you must wrap other elements like so:

<body><form></form></body>

Input is a an element but to be affected by form, it must be in a form:

<form><input /></form>

HTML is a hierarchical language. Everything has an order.

2 Likes

Ok thank you for that explanation. I like things to make sense in an order type of way so this helps a lot!