How do I get existing input element to nest inside form element?

HTML-CSS
1

Tell us what’s happening:

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 form="text" placeholder="cat photo url"></form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15.

Challenge: Create a Form Element

Link to the challenge:

2

You’ve nested the element correctly, but you’ve also edited the existing input tag…

Reset the challenge and nest the input element which is already in the html under form tag… You just have to open a form tag before the input element and then close the form tag after the input element.

3

hey sorry I still don’t get what you mean, do you mind showing me?

4

This is different from the original input that was provided to you in the lesson.

5

And this too.

Reset the lesson and don’t mess with the input.

6

When you’ll reset the challenge, You’ll have the following code

<!-- rest of the code -->

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

</main>

You’re already given an input tag as in above snippet.
You’ll have to nest or contain it in the form tag, means between <form> and </form>.

After editing your code should look like below snippet

<!-- rest of code -->

<form action="specified url">

<!-- Existing input tag -->

</form>
</main>
7