Rectifying the nested input element inside the form element

**Trying to work the form element i have nested the input element in side the form element yet it refused to submit saying i must nest the input element inside the form element which i had done already. i dont know what else to do.
below is my code pls help me check whats wrong.

  **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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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://www.freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo">
</form>
</main>
  **Your browser information:**

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

Challenge: Create a Form Element

Link to the challenge:

Hello, your code has changed the placeholder text and that is why the text is failing…

Change it back to its original value placeholder="cat photo URL" and the test will pass (or you can reset your challenge and just add the form tags without touching the input tag).

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