HTML Tag <BUTTON>

<BUTTON> Sets up a button to submit or reset a form as well as to activate a script. Use the <IMG> tag between the opening and closing <BUTTON> tags to specify a graphical button.

Attribute of <BUTTON> Tag

• ACCESSKEY
• CLASS
• DISABLED
• ID
• NAME
• STYLE
• TABINDEX
• TITLE
• TYPE
• VALUE

ACCESSKEY

Associates a key sequence with the button.

<BUTTON ACCESSKEY="B">Click Me!
</BUTTON>

Possible Values

Any Character.

CLASS

Indicates which style class applies to the <BUTTON> element.

<BUTTON CLASS="casual" TYPE="SUBMIT"
VALUE="Submit">

Possible Values

Any Class name that you define.

DISABLED

Denies access to the input method.

<BUTTON TYPE="SUBMIT" NAME="Pass"
DISABLED>

Possible Values

Only DISABLED

ID

Assigns a unique ID selector to an instance of the <INPUT> tag. When you then assign a style to that ID selector, it affects only that one instance of the <INPUT> tag.

<BUTTON ID="123" TYPE="SUBMIT"
VALUE="Submit">

Possible Values

Any ID that you Define.

NAME

Gives a name to the value you pass to the form processor.

<BUTTON TYPE="BUTTON" NAME="RUNPROG"
VALUE="Click to Run">

Possible Values

Any text Name.

STYLE

Specifies Style Sheet commands that apply to the element.

<BUTTON STYLE="background: red"
TYPE="BUTTON" NAME="RUNPROG"
VALUE="Click to Run">

Possible Values

CSS Style.

TABINDEX

Specifies where the input method appears in the tab order. For example, TABINDEX=3 places the cursor at the button element after the visitor presses the Tab key three times.

<BUTTON TYPE="BUTTON" NAME="RUNPROG"
VALUE="Click to Run" TABINDEX="3">

Possible Values

Integer Name.

TITLE

Specifies text assigned to the tag. You might use this attribute for context-sensitive help within the document. Browsers may use this to show tool tips over the input method.

<BUTTON TYPE="SUBMIT" NAME="cc"
VALUE="visa" TITLE="Visa">

Possible Values

Any Text Message.

TYPE

Indicates the kind of button to create. SUBMIT produces a button that, when selected, submits all the name-value pairs to the form processor. RESET sets all the input methods to their empty or default settings. BUTTON creates a button with no specific behavior that can interact with scripts.

<BUTTON TYPE="BUTTON" VALUE="Send Data"
onclick(verify())>

Possible Values

Button, Reset

VALUE

Sets the default value for the button face.

<BUTTON TYPE="BUTTON" NAME="id"
VALUE="Press Me">

Possible Values

Text Message.