SEO Packages

Create a Form with HTML

October 29, 2011EditorHTML, Web DesignComments Off on Create a Form with HTML
VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)
How to Create a Html form

We start with the tags , a form has to stand between the tags <form> and </form>
this will be the beginning and the end. We have to announch what the form
has to do , it has to send an email.

This is how it has to be :
<form method=”post” action=””>
*Here comes the rest*
</form> </p>

Options :
We’re gonna learn you how to make a text box.

<form method=”post” action=””>
<p>Name:<input type=”text” size=”30″ maxlength=”50″ name=”name”>

Here are some atributes :

With this you announce it’s an textbox

With this you announce the length of the textspace is 30 chars

This decides the lenght of the textspace , this number isn’t compared to the code “size”.

Your giving the textspace a name , so you can reconize it in your e-mail.

You can make the same textspace with an other subject like “email” or “url”.

We’re gonna continue with the checkboxes. It’s a list of options ,
you have to choose on of them. This is like a little poll.
Here you see the code and an example of the checkboxes.

<input type=”checkbox” name=”Nice!”>
<input type=”checkbox” name=”Ugly!”>
<input type=”checkbox” name=”It’s ok”>
It’s ok!


We also have the select option list , this is usefull to select a country.
Here you see the code and an example of the selection list.


Now we’re gonna teach you how to make a text area.
Here is the code and an example of the text area.

<textarea name=”jouwopmerkingen”
rows=”5″ cols=”30″>

We are ready to send the e-mail.
Here is the code and an example of the buttons.

<input type=”Submit” name=”Send” value=”Send”>
<input type=”Reset” name=”Reset” value=”Reset”>

Value means the text that is displayed on the button , so you can put what ever you want!

I have one more tip , this has to be included in the tag <form> :


So it’s gonna be :

<form name=”form1″ method=”post” action=”” enctype=”text/plain”>

The mail be well organized with this function.

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Related Posts

Comments are closed.