Create a Form Element issue

HTML-CSS
1

Tell us what’s happening:

I’m trying to learn html right now and the lesson has me stuck on this part where I have to create a form element. As far as I can see I have done everything I should have to get it right but the lesson keeps saying that I havent “nested the text input element within a form element” even though as far as I can tell I have clearly done that. Anyone tell me whats going on 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://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 type="text" placeholder="cat photo URL" action="/submit-cat-photo"> </form>
<main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:61.0) Gecko/20100101 Firefox/61.0.

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

2

I figured it out but now the forum won’t let me delete this post (I found someone else who’d had pretty much the same issue and was able eventually to figure it out)

3

should be

<form>
<input></input>
</form>

:slight_smile: