Nest the existing input element inside a form element and assign

[malazaxolani88]

Tell us what’s happening:
Describe your issue in detail here.

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

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.128 Safari/537.36 OPR/75.0.3969.218

Challenge: Create a Form Element

Link to the challenge:

freeCodeCamp.org

[ricardomg92]

Hello,

Can you explain your problem? so we can help you

[malazaxolani88]

do i nest only the input text

[ricardomg92]

yes, you should only nest the input element that is on the code

[malazaxolani88]

like please give me a hint some light will do

[ricardomg92]

You have an input element on the code, you should nest that input element inside your form element like you have on the example on the side.

You also should assign it to the specified link using the action attribute.

[malazaxolani88]

so i shouldnt add the form

[ricardomg92]

yes, you should add it.

Nesting means putting and element inside another element.
You already have an input element in the code and you should nest it inside a form element.

So you need to add a form element with an action attribute and the input element that I told on the previous image should be inside it. (Solution)

<form action="">
    <input type="text" placeholder="cat photo URL">
</form>

Your action attribute should link to the provided link: https://www.freecatphotoapp.com/submit-cat-photo

[malazaxolani88]

my good sir thanks so much for the help though i never understood