Can't progress beyond Create Form Element

HTML-CSS
1

can’t progress beyond Create Form Element

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">
<form action="https://freecatphotoapp.com/submit-cat-photo"> </form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Safari/605.1.15.

Challenge: Create a Form Element

Link to the challenge:

2

Do you have a question? What problems are you having?

3

I’m stuck on Create a From Element. I can’t clear the top requirement

1 Like
4

What requirement do you not know how to fulfill? What have you tried? Is there a part that confuses you?

5

So THIS is the requirement I can’t seem to do,. I’ve thought the code below does that

form action=“https://freecatphotoapp.com/submit-cat-photo”> </form

< and > are at the beginning and end of the statement above

6

Why did you take the input element out of the form?

7

Not sure what you mean. I took out the < and > symbols because with it the code disappeared

8

The input element is outside of the form. The form is empty. Why?

9

So what is wrong with this?

Screen Shot 2020-11-10 at 12.14.58 AM
Screen Shot 2020-11-10 at 12.14.58 AM1810×164 29.7 KB

10

What do the failing tests say?

11

Screen Shot 2020-11-10 at 12.27.33 AM
Screen Shot 2020-11-10 at 12.27.33 AM1870×486 41.5 KB

But that’s what I thought I had. What’s wrong with the code?

12

Looks like you had it right. You just added extra space. You also need the input element inside the form. Welcome to the FreeCodeCamp forums and happy coding!:smile:

13

Hello, your input element has to be nested within your form element

14

Thank you very much!

2 Likes
15

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

You can post solutions that invite discussion (like asking how the solution works, or asking about certain parts of the solution). But please don’t just post your solution for the sake of sharing it.
If you post a full passing solution to a challenge and have questions about it, please surround it with [spoiler] and [/spoiler] tags on the line above and below your solution code.

16

@Roma Ok that is great to know. Sorry about that. I will take it down, as I am pretty sure he got through that challenge! Thanks!

17

Hi @landon.h.lloyd!

This question comes up a lot in the forum. Here is the hint that I usually give.

<!--This is nesting-->
<form>
<input>
</form>

You can try this next time for future posts.

1 Like
18

@jwilkins.oboe Ok thank you! I won’t give any more spoilers. Kinda defeats the purpose. Haha thank you!

1 Like
19

I am studying l have gone through like < ! DOTYPYE >
2
3<" ">
3
4
5
6
7
< Hello world

20

Hi @guyoevidence5!

Welcome to the forum!

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.