Html nesting the input element inside a form element exercise

Hi. i need help please. How do i nest an input element inside a form element. I already have the value of the action attribute but i have been asked to nest the input element and it just doesn’t seem to work. Help me please.

   **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><input action="https://freecatphotoapp.com/submit-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/88.0.4324.150 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

There are three issues here:

  1. Take another look at your ordered list element above.
  2. You shouldn’t change the input element that you had in the beginning of the challenge.

As a quick reminder, it was this:

<input type="text" placeholder="cat photo URL">
  1. Double check, where specifically you should put the action attribute

As far as nesting the input element, everything looks good. You have done that part correctly.

The action attribute should be on the form element, not the input.

1 Like

Hi. Thank you so much but I’ve done it. I’m grateful for your response