<INPUT...>
ACCESSKEY
="Shortcut Key"
ALIGN
="left|right|top|texttop|middle|absmiddle|baseline|bottom|absbottom"
CHECKED
=""
CLASS
="Style Sheet Class"
DATAFLD
="Data Source Column Name"
DATAFORMATAS
="Text|HTML"
DATASRC
="Data Source Identifier"
DISABLED
="Flag"
ID
="Unique Identifier"
LANG
="Language descriptor"
LANGUAGE
="Scripting Language descriptor"
MAXLENGTH
="Maximum Number of Characters"
NAME
="Element Identifier"
READONLY
="Flag"
SIZE
="Field Size"
SRC
="URL"
STYLE
="Style Sheet Setting"
TABINDEX
="Tab-order Index"
TITLE
="Title of element"
TYPE
="button|checkbox|file|hidden|image|password|radio|reset|submit|text|textarea"
VALUE
="Initial Text|Selection status"
onClick
="Script Function"
onDblClick
="Script Function"
onDragStart
="Script Function"
onFilterChange
="Script Function"
onHelp
="Script Function"
onKeyDown
="Script Function"
onKeyPress
="Script Function"
onKeyUp
="Script Function"
onMouseDown
="Script Function"
onMouseMove
="Script Function"
onMouseOut
="Script Function"
onMouseOver
="Script Function"
onMouseUp
="Script Function"
onSelectStart
="Script Function"
onAfterUpdate
="Script Function"
onBeforeUpdate
="Script Function"
onBlur
="Script Function"
onChange
="Script Function"
onErrorUpdate
="Script Function"
onFocus
="Script Function"
onSelect
="Script Function"
>
Depending on the setting of the TYPE
attribute, includes a form element within the document. Form elements should be included within parent <FORM>
elements, though Internet Explorer will render the elements regardless.
Attribute | Description |
ACCESSKEY |
Specifies a key that can be used as a shortcut to access the element. Pressing 'Alt' and the key specified in the ACCESSKEY attribute is the same as clicking on the element. |
ALIGN |
Specifies the alignment of the <INPUT> object, when TYPE="image" is used. |
CHECKED |
Used with TYPE="radio" or TYLE="checkbox" and specifies whether the particular form element is checked by default or not. |
CLASS |
Sets the style sheet class (specified in an in-line, linked or imported style sheet) to be applied to the element. |
DATAFLD |
Specifies the column name of the data (from the data source specified in the DATASRC attribute) to be used for populating the element. |
DATAFORMATAS |
Specifies whether the bound data should be represented as straight text (DATAFORMATAS="text" ), or HTML (DATAFORMATAS="html" ). If the data contains HTML markup, but DATAFORMATAS="text" is set, then the markup will not be processed. |
DATASRC |
Specifies the ID attribute of an embedded data-source object (using the <OBJECT> element) that will be used as the data source for the elements data. |
DISABLED |
Sets whether the element is disabled or not. Disabled elements can be enabled through scripting after the document has been loaded, or depending on user interaction.. It prevents the <INPUT> from receiving the users focus, or responding to any interaction, but can still display text. |
ID |
Sets a unique identifier for the element, allowing it to be referenced within scripting functions, or to specify a style sheet setting, set using a #<style_class> class selector. |
LANG |
Specifies the language (using an ISO country code derived classifier) that the element is using, for browsers that support document localisation. |
LANGUAGE |
Sets the scripting language that any in-line scripting events are written in. |
MAXLENGTH |
Sets the maximum number of characters that can be entered into a text box. |
NAME |
Part of the name/value pair sent with the contents of a form for processing. The NAME can be repeated across like <INPUT> elements (e.g. radio buttons) to provide logical grouping of elements, where only one choice from the group is possible. |
READONLY |
Causes the contents of the <INPUT> element to be read-only. The element can still receive and react to the users focus, but the contents can not be edited. |
SIZE |
Specifies the displayed size (in terms of character widths) of the <INPUT> element. |
SRC |
Used for TYPE="image" , SRC specifies the URL of the image to be displayed. |
STYLE |
Sets in-line style sheet settings for the element, which will over-ride any set in a <STYLE> block, or externally linked to the document. |
TABINDEX |
Specifies the tab index order of the embedded object within the document. I.e. an element with a TABINDEX="2" setting would receive the focus after an element with a TABINDEX="1" when the Tab key is pressed. |
TITLE |
Specifies an informational title for the element. The contents of the TITLE attribute may be presented as a Tool-Tip by some browsers. |
TYPE |
Specifies the type of <INPUT> element to be displayed. |
VALUE |
Specifies the initial displayed value (and the value of the name/value pair sent for processing) of the <INPUT> element. If the TYPE="..." is one that accepts only boolean values (i.e. radio, checkbox etc.,), then the VALUE attribute value is what is sent as the name/value pair for the particular element. |
Event | Description |
onClick |
Fired whenever the user clicks the element (or its contents) with the mouse |
onDblClick |
Fired whenever the user double-clicks the element (or its contents) with the mouse (the double-click speed is dependant on the users system settings). |
onDragStart |
Fired when the users initiaties dragging of the element (or it's contents) |
onFilterChange |
Fired whenever a filter is applied to an element, or whenever the properties of an applied filter are changed. |
onHelp |
Fired whenever the user presses 'F1' (for help) and the element has the users current focus. |
onKeyDown |
Fired when the user presses a key (only when the key is actually pressed) when the element has the focus. |
onKeyPress |
The onkeypress event is similar to the onkeydown event, except that it returns the UNICODE value of the key or keys being pressed when the event occurs. |
onKeyUp |
The onkeyup event is fired when a previously pressed key is released while the referenced element has the focus. |
onMouseDown |
The onmousedown event fires whenever the user presses a button on the mouse, with the event being initially fired for the element that has the focus when the mouse button is clicked, and bubbling up through the element objects until an onmousedown event handler is found. |
onMouseMove |
The onmousemove event occurs whenever the users mouse moves over the element. |
onMouseOut |
The onmouseout event fires when the users mouse leaves the area defined by the referenced element. |
onMouseOver |
The onmouseover event fires when the users mouse enters the area defined by the referenced element. |
onMouseUp |
The onmouseup event fires after a users mouse button has been pressed and released. |
onSelectStart |
The onselectstart event is fired whenever the users starts to select some text that is the contents of the referenced element. |
onAfterUpdate |
The onafterupdate event is fired after data is transferred from the element to the data provider and will only fire after the onbeforeupdate event has fired and was successful. |
onBeforeUpdate |
onbeforeupdate fires when a data bound element loses the focus, or the current document is unloaded and will only fire if the value of the element is different to the original value that was present when the element received the users focus. |
onBlur |
Fires when the element loses the users focus (i.e. the user clicks on a different element within the document). |
onChange |
Fires when the user commits a change to the element. For the <INPUT> element, this is when either the form is submitted, or the user passes focus to another element in the document. |
onErrorUpdate |
The onerrorupdate event fires when a data transfer error occurs, through some action by the user. |
onFocus |
Fires whenever the element receives the focus, either by the user directly clicking on, or 'tab'bing to the element, or when the focus is applied through scripting. |
onSelect |
Fired when the user selects (i.e. starts to highlight) some of the text in the <INPUT> element. |
See 'HTML Reference|Forms|<INPUT>' for more information.