SEO Packages

Create a Form with HTML

October 29, 2011EditorHTML, Web DesignComments Off
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=”mailto:email@provider.com”>
*Here comes the rest*
</form> </p>

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

<form method=”post” action=”mailto:email@provider.com”>
<p>Name:<input type=”text” size=”30″ maxlength=”50″ name=”name”>
</form>

Here are some atributes :

type=”text”
With this you announce it’s an textbox

size=”30″
With this you announce the length of the textspace is 30 chars

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

name=”naam”
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”>
Nice!
Ugly!
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.

<select>
<option>Nederland</option>
<option>Belgi?´┐Ż</option>
<option>Duitsland</option>
<option>Frankrijk</option>
</select>

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″>
</textarea>

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> :

enctype=”text/plain”

So it’s gonna be :

<form name=”form1″ method=”post” action=”mailto:email@provider.com” enctype=”text/plain”>

The mail be well organized with this function.

Related Posts

Comments are closed.