freeCodeCamp Challenge Guide: Create a Form Element

freeCodeCamp Challenge Guide: Create a Form Element


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>


I dont understand the nest part


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:

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

Does that make sense?



I am still having trouble with the nesting part


no matter
, , , , , , , ,


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


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:


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

<input code=“blah blah”


The example makes this kinda confusing.

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

here’s a right answer


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


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


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


Have been stuck like 30 minutes and still nothing…

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


this worked for me. you can find out here


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


Thank you! This solution works.


Yes the code that nicedrop wrote works for me too!


The answer is:

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


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


but the example above is very different from your answer