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>
<form action="https://freecatphotoapp.com/submit-cat-photo"><input type="cat photos"></form>
<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 action="https://freecatphotoapp.com/submit-cat-photo"><input type="text" placeholder="cat photo URL/></form>
</main>
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.2 Safari/605.1.15
.
Challenge: Create a Form Element
Link to the challenge:
Hello there.
Do you have a question?
If so, please edit your post to include it in the Tell us what’s happening section.
The more information you give us, the more likely we are to be able to help.
Also, learning how to ask questions about code is an important skill!
I do not get this one I have tried all solutions but it did not work
What about it is not working? What do the failing tests say?
// running tests The existing
input
element should be nested within a
form
element. // tests completed
It looks like you modified the existing input element and added an extra form element at the top of your main element. This is probably your problem.
it says the exist input element should nested within a form element
Here is the extra form element
your last solution also did not work
My last solution? I’ve provided no solution. I pointed out two problems with your solution.
This is the form element with the changed input element.
Hi @yousifso!
Delete this extra form. As mentioned earlier it doesn’t need to be there.
You have a syntax error here.
Hope that helps!
2 Likes