option1
	option2
	option3
	option4=value
	option5=value
	option6=value

Any options that are bold are required or highly recommended.

Graphic example of what control looks like in action!
The actual source code used in the graphical example.<p> A brief synopsis of what the control is, what it does, how it should be used, and when.

Tip: Tips from "one who's been there before" to save you time and make your forms look sharp! This section can also be called "common mistakes and how to avoid them." ;)

	name=name
	notab
	onclick=applet
	taborder=n
	value=string

Button1 <input type=button name="button1" value="Nothing"> Button1</input> Used to call a JavaScript. This one isn't actually set-up to call a JavaScript, which is why there's no onclick option.

	checked
	name=name
	notab
	onclick=applet
	taborder=n
	value=string

Life
Liberty
Pursuit of Happiness
<input type=checkbox name="checkbox1" value="Yes!"> Life </input><br> <input type=checkbox name="checkbox2" value="Yes!" checked> Liberty </input><br> <input type=checkbox name="checkbox3" value="Yes!"> Pursuit of Happiness</input><p> "Please answer yes or no to each of the following." If the user selects one of the checkboxes, then its value is sent, otherwise no value is sent in conjunction with the checkbox name.

Tip: Each checkbox gets it's own name. If you want to have a checkbox pre-selected, such as "Liberty", you can use the checked option. For value "yes" or "X" are commonly used, or you can be more descriptive, such as, "Give me Liberty."

	maxlength=n
	name=name
	notab
	size=n

Use of the file control is not covered here.

For information regarding use of this control, we recommend an advanced book on HTML, such as "HTML - The Definitive Guide" (O'Reilley & Associates), available in most technical bookstores and on-line.

It is currently only supported by Netscape, though Internet Explorer documentation claims to support it.

	name=name
	value=string

[] <-- Something hidden between the brackets.
[<input type=hidden value="We_have_Hofa">] Usage: Used to send hidden values to the CGI process or script. A good way to send information that you need, that doesn't have any interest to the user of the web form. With your WebTent Web Hosting account, you can use it to send web server system environment variables! Read more about it in the the Power Users Section of the

	align=type
	border=n
	onclick=applet
	name=name
	notab
	src=url
	taborder=string
	

Use of the image control is not explained here.

For information regarding use of this control, we recommend an advanced book on HTML, such as "HTML - The Definitive Guide" (O'Reilley & Associates), available in most technical bookstores and on-line.

	maxlength=n
	name=name
	notab
	onblur=applet
	onchange=applet
	onfocus=applet
	onselect=applet
	size=n
	taborder=n
	value=string
	

<-- type something and watch.
<input type=password name="password" size=8></input> As you can see, what you type is replaced with asterisks or dots. Tip: This does not encrypt the password! It merely obstructs others from being able to read your password over your shoulder, but is still considered good design and style.

	checked
	name=name
	notab
	onclick=applet
	taborder=n
	value=string
	

The glass is:


Half full
Half empty
at the 30cc mark

"Please select from one of the following." Allows you to force a selection of one items from a group of many.

Tip: All selections of a group must have the same "name=" value, and should have different "value=" values. If you use different "name="'s, then you have created separate selection groups. Again - Each group has one "name=" value, yet each "value=" should be different within that group.

	notab
	onclick=applet
	taborder=n
	value=string
	

<-- Press me! <input type=reset value="reset"> Reset is used to clear any selected or entered values (other then those that are preset by the form itself). While rarely used in actual practice it's considered good design to include the reset control beside the submit control (explained next), both of which should be located toward the end of your form.

	name=name
	notab
	onclick=applet
	taborder=n
	value=string
	

<-- Not yet... <input type=submit value="Submit"> This is the magic button, the one that makes it all happen. When the end-user clicks on this button all selections and data are sent to the CGI script specified in the action line of the form.

	maxlength=n
	name=name
	notab
	onblur=applet
	onchange=applet
	onfocus=applet
	onselect=applet
	size=n
	taborder=n
	value=string
	

First Name:
<input type=text name="text1" size=30><p> The text control is used to collect short text entries from the user, such as their first name, their last name, their phone number, etc. To collect larger pieces of information, you would want to use "textarea" instead. Textarea is explained below.

Tip: You can use the value field to pre-enter data into the text, field, like so:

Example:

<input type=text name="text2" size=30 value="Voila!"> Avoid overusing this feature, as it can become tedious erasing pre-entered values to write in those of your own. Also, you may wish to limit the total number of characters that a person may enter into a given text field by using the maxlength option.

	class=name
	multiple
	name=name
	onblur=applet
	onchange=applet
	onclick=applet
	onfocus=applet
	size=n
	style=style
	

Operating System: Solaris UNIX Linux OpenDos other
Operating System: <select name="select1"> <option>Solaris UNIX</option> <option>Linux</option> <option>OpenDos</option> <option>other</option></select><p> Select must be used with the option control. (The option control is explained below.) Select is best used where the end-user must select from a list of many entries, without cluttering the pages with all of the possible selections.

Tip: You can allow for multiple selections using the multiple option, making select operate much like checkboxes. There aren't many occasions where this makes sense, and some people may be confused by such an interface. If you are going to use it, it is suggested to also use the size options to allow the user to see about five of the options at the same time.

	class=name
	selected
	style=style>
	value=string
	

Inside <select> ... </select> you have to use option fields to provide the options available for selection. There must be an option field for each entry.

Tip: You can pre-select a value using the selected option. If in your select control you are using the multiple option, then you can pre-select multiple entries.

	class=name
	cols=n
	name=name
	onblur=applet
	onchange=applet
	onfocus=applet
	onselect=applet
	rows=n
	style=style
	wrap=type
	

<textarea name=textarea1 rows=10 cols=30> </textarea><p> Textarea is used for collecting larger entries from the end-user. You should specify the number of rows and columns you want, by using the rows and cols options. Textarea is commonly used for a feedback section, or for collecting free-form information.