Nested input tag in form element not working

[nitiksharma]

** I was doing the HTML test and i came across this form element test and i cant get it to work, everything is ok but it wont proceed further. The input tag is nested inside the form tag but its still giving an error saying: the input element must be nested inside the 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>

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

</form>
</main>

  **Your browser information:**

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

Challenge: Create a Form Element

Link to the challenge:

freeCodeCamp.org

[AndreasGuldborg]

The challenge wants you to use the existing input-element. It seems you have created a new one instead. Try to click the button “Reset all code” and re-do the challenge (without changing the current input element).

[nitiksharma]

Yes, that worked! Thanks a lot!