Article Categories
Advertisement
Article Options
Popular Articles
  1. Manage your MySpace Calendar
  2. Carbon Fibre
  3. How to add Photos to MySpace
  4. Animated Mask Using Flash
  5. The Advantages of PHP
No popular articles found.
Popular Authors
  1. Joseph Lancaster
  2. Nicholas Hall
  3. Adam Carmichael
  4. Celeste Stewart
  5. Deepaq Sharma
  6. Katerina Mitrou
  7. Arnab Ghosh
  8. Gregg Hall
  9. Robby Alientjuh
  10. Kevin Yank
No popular authors found.
 »  Home  »  Web Site Design  »  Html  »  Create a Form with HTML
Create a Form with HTML
By Robby Alientjuh | Published  06/6/2005 | Html | Rating:
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.


How would you rate the quality of this article?
1 2 3 4 5
Poor Excellent
Spread The Word

del.icio.us it Digg this Furl Reddit Yahoo! this!



Get updates in your E-mail - Get notified when new articles are added, and get exclusive offers from our partners!
E-mail Address:
Subscribe: UnSubscribe:
 
Related Articles