Input element error I am at a loss

HTML-CSS
1

Tell us what’s happening:
I keep getting an error about the input: the existing element should be nested within a form element
I watched the video several times and have typed and retyped the code so many times I am banging my head against the wall.

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" 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/70.0.3538.102 Safari/537.36 Edge/18.18362.

Challenge: Create a Form Element

Link to the challenge:

2

Input element in your code looks different than what’s given in starter code.

Challenge instruction says that “nest existing input element in form”.

Casing of “cat photo url” is different.

Screenshot_20200909-123714
Screenshot_20200909-1237141080×1920 172 KB

1 Like
3

You are a hero and a life saver

1 Like