I cant put a input element into a form element

HTML-CSS
1

Tell us what’s happening:
i cant put a input element inside of a form element

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>
<input type="text" placeholder="cat photo URL"><form action="https://freecatphotoapp.com/submit-cat-photo"></form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36 Edg/86.0.622.69.

Challenge: Create a Form Element

Link to the challenge:

2

Hi and welcome :love_you_gesture:

That’s because you don’t have a form element in your HTML. You have a closing tag, though, but no opening tag:
@ArielLeslie has better eyes than me, your form is there but the input isn’t inside the form:

<input type="text" placeholder="cat photo URL">
<form action="https://freecatphotoapp.com/submit-cat-photo">
    <!--   no input inside form tag :-(    -->
</form>

Can you fix it from here?

3

There’s an opening tag on the same line as the input.

@ily What do you mean when you say you can’t put it inside the form element? Right now you have it before the form element. On the other hand, if you look at the ul and ol elements, you will see that they both have li elements nested inside of them.

4

thank you for replying i just figured it out have a good day :).

5

Good job working through it! Happy coding.