FORMS

Text Images Sound Links Lists
Tables Frames Style Sheets Scripts Links to Other Pages




FORM TAGS


The following Form Tags will be covered in this tutorial:


<BUTTON> ... </BUTTON> : Constructs a Form Button (ie a Form control or element)

<FORM> ... </FORM> : Collects information from a customer (or a visitor)

<INPUT> : Inputs information to a Form

<OPTION> : Specifies options for an input item within the <SELECT> ... </SELECT> tags

<SELECT> ... </SELECT> : Constructs a Menu and/or a Scrolling List of items.

<TEXTAREA> ... </TEXTAREA> : Constructs a Multiline Text Entry Area




<BUTTON> TAG


Attributes:

DISABLED (Button is made unclickable by the user)

NAME="name" (Names a button)

TABINDEX="number" (Specifies tabbing order)

TYPE=button, submit, reset (Specifies type of button)

VALUE="value" (Specifies the value for a control)




<FORM> ... </FORM> TAGS


Main Attributes:

ACTION="URL" (Address of a CGI script on the server that will run when a Form is submitted)

METHOD="get", "post" (Specifies how the browser will interact with the server)

get: Can only handle a limited amount of information sent back by a visitor. That is, some information might be lost.

post: The preferred method.




<INPUT> TAG


Main Attributes:

ALIGN= left, center, right, justify

ALT="text" (ALTernative text for browsers that can not draw the graphics)

CHECKED (Preselects a checkbox or a radio button when a Form is first loaded)

DISABLED (Disables a Form element like a checkbox, a text box, a button, ...)

MAXLENGTH=number (Maximum number of characters allowed in a text box)

NAME="text" (Names an element)

READONLY (Contents of an element can not be modified by a visitor)

SIZE="width" or "width, height" (Specifies the size of an input window)

SRC="URL" (Address of an image)

TABINDEX="number" (Specifies tabbing order for an element)

TYPE=checkbox, radio, button, text, image, password, submit, reset, file, hidden
(Specifies the type of control or element to be used)

VALUE=value (Specifies an element value that will be sent to the server when the element is selected)




<OPTION> TAG


Attributes:

DISABLED (Disables an element)

SELECTED (Selects an option by default, for a visitor, within the < SELECT> ... </SELECT> tags)

VALUE="text" (Specifies a value that will be sent to the server when a visitor selects an option within the <SELECT> ... </SELECT> tags)




<SELECT> ... </SELECT> TAGS


Attributes:

DISABLED (Disables an element)

MULTIPLE (Allows a visitor to choose more than one option in a menu)

NAME="text" (Identifies menu data that will be sent to the server)

SIZE=number (Number of options visible in a menu)

TABINDEX="number" (Tabbing order for an element)




<TEXTAREA> ... </TEXTAREA> TAGS


Attributes:

COLS="number" (Width of the text area specified in number of columns. Default number is 80)

DISABLED (Disables an element)

NAME="text" (Name given to a text area in order to identify the data when it is collected by the server)

READONLY (Contents in the text area can not be modified by the visitor)

ROWS="number" (Height of the text area specified in number of rows. Default number is 4)

TABINDEX="number" (Tabbing order for an element)

Next Page



Home    Assumptions    Introduction    Tools    Resources    Contact