freeCodeCamp Challenge Guide: Create a Form Element

freeCodeCamp Challenge Guide: Create a Form Element
0.0 0

#1

You can build web forms that actually submit data to a server using nothing more than pure HTML. You can do this by specifying an action on your form element.

For example:

<form action="/url-where-you-want-to-submit-form-data"></form>

#2

I dont understand the nest part


#3

The challenge wants you to make the input field a child element of a form element.

A similar instruction might ask you to nest a paragraph element within a div and the code would look like this:

<div>
  <p>Here is a nested p element</p>
</div>

Does that make sense?


#4

Hi

I am still having trouble with the nesting part


#5

no matter
, , , , , , , ,


#6

yea im trying to understand nesting cant really figure that part out


#8

This means the text input sits inside of the form element.

If you have a form, your HTML may look like this:

Everything between those two tags is “nested” inside the form.

So, if you were to nest the text input element within the form element, it would look like this:


#9

The challenge is saying to nest the INPUT into the FORM.
So:

form>
<input code=“blah blah”

</form

The example makes this kinda confusing.


#10
<form input type="text" action="/submit-cat-photo"

here’s a right answer


#11

Create a Form Element
Here is my response in the code editor to the instructions given, but I can not move forward, please help.


#12

Need help with this lesson, I have added the following code but can not seem to move forward.


#13

you have to nest the text input with the form element.
form action=/submit-cat-photo
input type="text"placeholder=“cat photo URL”
/form
dont forget the <>


#14

Have been stuck like 30 minutes and still nothing…

<form action="/submit-cat-photo" input type="text" placeholder="cat photo URL"

#15

this worked for me. you can find out here

https://github.com/freeCodeCamp/freeCodeCamp/issues/3628

#16

Solution for ‘Create a Form Element’: <form action="/submit-cat-photo"><input type="text"></form>


#19

Thank you! This solution works.


#20

Yes the code that nicedrop wrote works for me too!


#22

The answer is:

<form action="/submit-cat-photo"><input type="text"  placeholder="cat photo URL">
</form>

#23

Thanks for the Solution for ‘Create a Form Element’:


#25

but the example above is very different from your answer