Add forms to your page


Form elements

Radio Button

Check box

One line of text

Textarea

Pull down menus

Submit button

Reset button


If you always wanted to insert a form so that you can get input
from your visitors to your website but didn't know how, look no more.
The opening tag of a form is:
<FORM>
You can also add the attributes:
METHOD="POST" and ACTION="your_address@site.com"
The tag will look like this:
<FORM METHOD="POST" ACTION="your_address@site.com">

This means:
METHOD="POST":The information the visitor gives will be received
by you via email.
But the information comes in hard-to-read encrypted format.
ACTION="your_address@site.com":You will enter your email address
in the place of your_address@site.com. The information will be received by
you at that address.

Lets get going.......


Radio buttons


Give your page a radio button:
Radio buttons are those nice little circles
which allow you to click one option at a time.

How to get them?
Here is how:
<INPUT TYPE="radio" name="foodchoice" value="pizza">Pizza</INPUT>
<INPUT TYPE="radio" name="foodchoice" value="sandwitch">Sandwitch</INPUT>
<INPUT TYPE="radio" name="foodchoice" value="hamburger"></INPUT>

These will give us these:
Pizza
Sandwitch
Hamburger
This is what is happening:
INPUT type="radio":This tells the browser to put a radio button on the page.
value="foodchoice":This means that you want the best food of your visitor.
name="pizza":This gives a name to you choices.



Check boxes


Check boxes are those squares which allow us to select more
than one option at a time.
Do this to get these:
<INPUT TYPE="checkobx" value="foodchoice" name="pizza">Pizza</INPUT>
<INPUT TYPE="checkbox" value="foodchoice" name="sandwitch">Sandwitch</INPUT>
<INPUT TYPE="checkbox" value="foodchoice" name="hamburger"></INPUT>

Pizza
Sandwitch
Hamburger



One line of text:


These are those lines which allow you to write your name or your email address.
This is how to get these:
<INPUT TYPE="text" value="Enter your name" name="yourname" length="20" maxlength="69">
New attributes are:
length="20":This is the length the one-liner(as I will call these).
maxlength="69":This specifies the amount of text a visitor can write.

The above example will give us this:



Textarea


These are those big boxes which allow you to write your address.
To get one do this:
<TEXTAREA value="address" cols="25" rows="5">Enter your address here</TEXTAREA>
New attributes are:
cols:Columns
rows:Rows
In this case, columns are 25. Rows are 5.
The above example will give us this:


Pull down menus


These are those menus with an arrow pointing downwards from its right side.
This is how to get one:
<SELECT name="color">
<OPTION SELECT>--------
<OPTION>blue
<OPTION>red
<OPTION>green
</SELECT>
This will give us this:


The submit button


This button allows you to finish you subscription or registration on a form.
Do this to get one:
<INPUT TYPE="submit" value="Thank you">
note:the value is not needed. It is the text that will appear on the
submit button. If you don't give it, the submit button will have the text Submit on it.
The above example will give us this:


Reset button


This is that button which allows you to clear all your inputs
in a form.
This is how you get one:
<INPUT type="reset" value="your choice of text">
"your choice of text" can be replaced by any other text.
The above text will give us this:

note:I have given the value as "click here".
Next--->