Creating form elements and nesting inputs in forms

Yea i put my forms before and after my input like this…

... but it still says its not nested. Any ideas???

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"></for>
</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.75 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

<input type="text" placeholder="cat photo URL">
<form action="https://freecatphotoapp.com/submit-cat-photo"></for>

Two problems here. Firstly, your input is not nested inside your form tags. Secondly, your closing form tag is missing an ‘m’.

Hi and welcome to the forum!

This is not a correct closing tag. Also, your current code does not have the input nested inside the opening and closing form tags.

yea i fixed the m
but could you tell me how do to it properly
i just started programing today so…

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

See how the input is between the opening and closing <form> tags? That means the <input> is nested inside the <form> element :slight_smile:

Please do not just give out solutions.

Sorry. I didn’t realise you could blur stuff out like that.

Thanks, I didn’t notice that my input wasn’t in the right place. :slight_smile:

Pls can u help me i’ve been on this for 2 days