Code is not working. I already checked google

HTML-CSS
1

Tell us what’s happening:

I keep getting the same error code: The existing input element should be nested within a form element. I have read google and all other manners of “assistance”, including deleting the code and trying again from the top, still get the same error message mentioned above. What do I do now? I guess my question is what am I doing wrong?

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

Your browser information:

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

Challenge: Create a Form Element

Link to the challenge:

2

Hi @jenporter25. Your form element should have an action attribute of https://freecatphotoapp.com/submit-cat-photo like:

<form action = "https://freecatphotoapp.com/submit-cat-photo"> </form>
3

you have two input elements, you should nest the existing one instead of creating a new one

4

I have tried that numerous times and I continue to get the same error code. It doesn’t matter what I do. I am lost for real

5

reset your code

find the existing input element, put the cursor before it, write the openig form tag with the given action attribute, put the cursor after the input tag, write the closing form tag

1 Like