HTML nesting lesson

in the bottom of the below code i have nested the input tag inside the form tag, but still there’s an error saying nest the input tag inside the form tag. can someone help me with this.


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://www.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>
<input type="text" placeholder="cat photo URL">
<form action = "https://www.freecatphotoapp.com/submit-cat-photo">
  <input>
</form>
</main>
  **Your browser information:**

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

Challenge: Create a Form Element

Link to the challenge:

Hi,

they mean the input placed between </ol> and <form>
It is not nested as expected!

1 Like
<input type="text" placeholder="cat photo URL">
<form action = "https://www.freecatphotoapp.com/submit-cat-photo">
  <input>
</form>

you are almost there. You need to bring the 1st input inside the form tag and delete the 2nd input which is setting inside the form after that you will be all set.

2 Likes

input tag should be inside the form tag

<form action = "https://www.freecatphotoapp.com/submit-cat-photo">
<input type="text" placeholder="cat photo URL"></input>
</form>
1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.