Form element challenge

HTML-CSS
1

Tell us what’s happening:
I am stuck please help!! After I run the test it says that this portion of the challenge is correct.
Your form element should have well-formed open and close tags. While these two aren’t
The existing input element should be nested within a form element.

Your form should have an action attribute which is set to https://freecatphotoapp.com/submit-cat-photo. 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="https://freecatphotoapp.com/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/86.0.4240.198 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

2

Hi,

Your input must be in your form.
And you have an error in your action URL.

3

You didn’t close the first form tag, if you find a problem i think it is better to check the syntax first.
<form action="https://freecatphotoapp.com/submit-cat-photo>"</form>
it should be like :
<form action="https://freecatphotoapp.com/submit-cat-photo"></form>

You included the “greater than” sign in the “url”

1 Like
4

I closed the first form tag. Also I checked the syntax as well.

IMG_5465
IMG_54651512×2016 1.36 MB
Why am I still running into this error? Thanks for your help as well!

5

This is how you nest input element inside form element. It should look like

<form>
    <input >
</form>

Right now your input element is not nested within the form element.

1 Like
6

Instead of posting an image, you can post your code like:

A nicely formatted code is easier to read than the image.

1 Like
7

If you look at the tests results below the code, there will be the errors that prevent the tests from passing, in your case is :
“The existing input element should be nested within a form element”
Then to past the test you have to nest the input within the form element, like that:

<form><input></form>

Good luck!