Create a Form with HTML
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.