"The existing input element should be nested within a form element."

[Iagoon]

Tell us what’s happening:
I keep getting “The existing input element should be nested within a form element.” My question is: How do I nest an element?

  **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://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 type="text">
</form>

</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 13816.64.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.100 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

freeCodeCamp.org

[Roma]

You changed the input element that was originally there.

Reset the lesson and add the form element.
Note, you do have the form element correct in the code you provided.

[Iagoon]

Thank you for the quick response. I have this code now:

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

However I’m still getting it marked as incorrect

[JeremyLT]

@Iagoon

<input>

Is this the original input element that was in the code? The input element must be completely unchanged from the original.

[Iagoon]

That’s how it’s written in the example, so yes, I think that’s the original

[JeremyLT]

[Iagoon]

yeah, I just copied the example code and changed the url. That’s what i’m supposed to do right?

[JeremyLT]

Look on the original input tag on the right side of the image.

Now look at your input tag.

Are they 100% identical?

[Iagoon]

Yes?

Right? it’s just

[JeremyLT]

I think you are looking at a different part of the screen.

Right side!

Right side!

I need to go make myself more coffee. I ain’t communicating as clearly as I should be

[Iagoon]

Ohhhh ok, thank you so much. Just in case anyone is wondering, the solution to this is to add the text type and a placeholder

[Roma]

The type and placeholder attributes were originally there. You deleted them for some reason. So adding them is not the solution.

The screenshot that @JeremyLT provided shows the lesson prior to the form element being added.

(Edited for clarity)