Your text input element should be nested within a form element.I donot get this ,would you like to tell me how to do it?thank you

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>
<input type="text" placeholder="cat photo URL">
</main>
<form action="/submit-cat-photo"></form>

Your browser information:

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

Challenge: Create a Form Element

Link to the challenge:

2

You need to have input tags in your form i.e

<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
<\ form>
3

thanks for responding quick,but why is that ?

4

As you will need to nest li tags in ul for it to function properly so is input for form. Form are used to submit data, and only on form tag can you have other attribute for submitting the form e.g attribute action set the url or directory the form is submitting to. Other attribute on forms is method which is the http verb for submitting the form. You will understand this better in the future.

5

Hey thanks for the detailed .I will understand soooooooon…Wish you a good day ^^ :smiley_cat: .Bella from SZ

6

You have to associate the input element with a form. Usually, it is done by nesting the element inside the form (making the form the nearest ancestor form element) but you can also use the form attribute.

4.10.17.3. Association of controls and forms

A form-associated element can have a relationship with a form element, which is called the element’s form owner. If a form-associated element is not associated with a form element, its form owner is said to be null.

A form-associated element is, by default, associated with its nearest ancestor form element (as described below), but, if it is reassociateable, may have a form attribute specified to override this.

Probably more information then you wanted but hey there it is.

7

Thank you, it helped to solve it.