Input Element Not Nested in The Form?

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

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.1 Safari/605.1.15.

Challenge: Create a Form Element

Link to the challenge:

Hello,

I got the following error message:

"The existing input

element should be nested within a form."

I don’t see how the input element isn’t nested in the form.

The test results said that my opening and closing tags were ok

and so was my action attribute.

Thanks

it’s not nested, you have added attributes (invalid) to the form tag, and removed the input element

1 Like

Got it and figured it out. Thanks!