Nesting input element within a form tag

HTML-CSS
1

Tell us what’s happening: i keep gettting the same message that " the existing input element should be nested within a form element" and i can’t figure out where i did a mistake

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/86.0.4240.198 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

2

The original input element that was there from the start and you were asked to put inside a form had this as its placeholder text.

placeholder="cat photo URL"

But you have this on your input element.

placeholder="cat photo url"

3

i had just removed the placeholder code but the problem is still occurring

4

The placeholder attribute’s value must be the same as the one in existing code, you are not supposed to remove it, but keep it as is. Also, make sure to check the Letter cases of the texts in the value.

Values written in upper case and lower case are counted as different values.

1 Like