Create a Form Elementt

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>
  
 <form><input action="text"submit-cat-photo"></form>
  <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 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/create-a-form-element/

3

Why did you create another input element and wrap it with form ?

There is an input element at the bottom already, you should wrap that input with the form tag. Do the wrapping as you have did here, but do it to the input element at the bottom

4

can you show me what that is supposed to look like, i am so confused

5

Look at this input element you have, you should wrap this element with a <form></form> tag,

<ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <input type="text" placeholder="cat photo URL">

But instead of the above, you did this,
<form><input action="text"submit-cat-photo"></form> ( Do the same to the input i mentioned above and remove this line completely )

NOTE: Make sure your form has an action attribute which is set to /submit-cat-photo ( You should apply this to your <form> tag