Cannot find error in code for input inside a form

Hi, new to coding. I can’t find what I am doing wrong here. Can anyone see the issue in my code for nesting an input within a form, I am getting the follow error: “The existing input element should be nested within a form element”.

Thanks!

  **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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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://www.freecatphotoapp.com/submit-cat-photo"> 
<input type="text" placeholder="cat photo url">
</form>

</main>
  **Your browser information:**

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

Challenge: Create a Form Element

Link to the challenge:

1 Like

your placeholder doesnt match what the problem started with (url vs URL).
reset your code, and just add the form tag around it, dont touch the input.

Brilliant, that worked! Thanks

no problem. sometimes it takes a second set of eyes to see what is right in front of us :slight_smile:

2 Likes

Calm down and go through your code, the answer is right in front of you. Its just a little mistake you made there.