<form> code exists so what is wrong

Tell us what’s happening:
Error message states that items need to be nested in code. There is code before and after.

Your code so far

<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>
  <li>cat nip</li>
  <li>laser pointers</li>
<p>Top 3 things cats hate:</p>
  <li>flea treatment</li>
  <li>other cats</li>

input type="text"
placeholder="cat photo URL"


Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:74.0) Gecko/20100101 Firefox/74.0.

Challenge: Create a Form Element

Link to the challenge:

What exactly do the failing tests say?

“Your text input element should be nested within a form element.”

Your form element is empty. There is nothing nested inside it.


input type=“text”

placeholder=“cat photo URL”


That’s the opening tag. There are no HTML elements nested between the opening and closing tags.

The quick brown fox jump

what ArielLeslie was say, that inbetween your <form (whatever nonsense you want in here)> [this bit here] </form> is empty. This is where you need to put your Form fields like labels and inputs.

<label>Your name</label>

and next time man, don’t be rude, its not nice. says the brown fox