HTML Tags including FORM - ACTION - VALUE - OPTION - INPUT - SUBMIT

HTML tags - Form Tags

<FORM ACTION="URL" METHOD=POST>

defines a form, and sends the data as a data stream, this is the most common method.

<FORM ACTION="URL" METHOD=GET>

defines a form, and sends the data as part of the URL.

<BUTTON> - </BUTTON>

functions the same as buttons created with the <INPUT> tag but can be enhanced further with images etc, for more info on the <BUTTON> tag.

<INPUT NAME="?">

defines the name of the input field, needed for all <INPUT> tags except SUBMIT and RESET, this gives the names the field when the data is sent to the server for processing.

<INPUT VALUE="?">

when used in conjunction with a TEXT type field it depicts the default contents of the text field, when used in conjunction with a radio button or checkbox it sets the value of the button when selected. When used in conjunction with the SUBMIT and RESET buttons it can be used to label the button with text.

<INPUT TYPE="?">

used in conjunction with the attributes below :

TEXT - provides a text box where the user can enter data, i.e

<FORM>
<INPUT TYPE="TEXT">
</FORM>

will provide :

PASSWORD - provides a text box where the user can enter data which is displayed as asterixes ***, i.e

<FORM>
<INPUT TYPE="PASSWORD">
</FORM>

will provide :

RADIO - provides a radio button that the user can toggle on and off to select, when used in conjunction with more radio buttons with the same input field name it becomes a 'select one of many' option, i.e

<FORM>
Option number 1<INPUT TYPE="RADIO" NAME="whatever">
Option number 2<INPUT TYPE="RADIO" NAME="whatever">
</FORM>

will provide :

CHECKBOX - provides a single checkbox that the user can toggle on and off to select, i.e

<FORM>
Option number 1<INPUT TYPE="CHECKBOX">
</FORM>

will provide :

SUBMIT - provides a push button that sends the data in the form to the server according to the <FORM ACTION> tag, when used along with the VALUE attribute you can name the button i.e

<FORM>
<INPUT TYPE="SUBMIT" VALUE="Button Name">
</FORM>

will provide :

RESET - provides a push button that restores all input fields within the form to their default value, when used along with the VALUE attribute you can name the button i.e

<FORM>
<INPUT TYPE="RESET" VALUE="Another Button">
</FORM>

<INPUT CHECKED>

used in conjunction with either a checkbox or radio button and is used to indicate that the default value is checked. i.e.
<INPUT TYPE="RADIO" CHECKED>.

<INPUT SIZE=?>

used in conjunction with either a text or password type field and is used to specify the physical size of the input field in characters, i.e.
<INPUT TYPE="TEXT" SIZE=40>.

<INPUT MAXLENGTH=?>

used in conjunction with either a text or password type field and is used to specify the maximum amount of characters allowed, i.e.
<INPUT TYPE="TEXT" MAXLENGTH=50>

<SELECT> - </SELECT> - used in conjunction with the <OPTION> tag and within the <FORM></FORM> tags to provide the user with multiple selections, also used here is the NAME attribute, i.e

<FORM>
<SELECT NAME="whatever">
<OPTION> first option.
<OPTION> second option.
<OPTION> third option.
</SELECT>
</FORM>

will provide :

the MULTIPLE attribute can be used as well, i.e. <SELECT NAME="whatever" MULTIPLE>, this allows the user to select multiple options, this also alters the appearance of the 'box' allowing more than one option to be displayed, i.e

<FORM>
<SELECT NAME="whatever" MULTIPLE>
<OPTION> first option.
<OPTION> second option.
<OPTION> third option.
</SELECT>
</FORM>

will provide :