Creating a Form Element Input

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I have been trying to create a form element and it keeps saying " The existing input element should be nested within a form element."
I think I have done that but its not working. Please somebody help

  **Your code so far**


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


<form action="https://www.freecatphotoapp.com/submit-cat-photo"><input></form>

<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">
</main>

  **Your browser information:**

Challenge: Create a Form Element

Link to the challenge:

2

This one is a bit tricky, in my opinion, because the form element isn’t anything you can see on the page, but you see only the input.

So, you need to put the already existing input into the form tag. It’s that simple. Just give it a try.

3

This is the form element. You have put a <input> tag here but your actual input element is several lines later, here:

It is not inside the form element.

4

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