INPUT Element | INPUT Object

DHTML, HTML, & CSS

previous page next page

IMG Element | IMG Object

INPUT type=button Element...

DHTML Objects

Web Workshop | DHTML, HTML & CSS

INPUT Element | INPUT Object

Creates a variety of form input controls.

HTML Syntax

<INPUT
    ACCESSKEY=key
    ALIGN=LEFT | CENTER | RIGHT
    ALT=text
    CLASS=classname
    DISABLED
    DYNSRC=url
    ID=value
    LANG=language
    LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT  | VBS 
    LOWSRC=url
    MAXLENGTH=n
    NAME=name
    READONLY
    SIZE=n
    SRC=url
    STYLE=css1-properties
    TABINDEX=n
    TITLE=text
    TYPE=BUTTON | CHECKBOX | FILE | HIDDEN | IMAGE | PASSWORD | 
        RADIO | RESET | SUBMIT | TEXT
    VALUE=value
    event = script
>

Remarks

The TYPE attribute for the INPUT element is used to specify one of the following form input controls:

button checkbox file

hidden image password

radio reset submit text

The INPUT element controls are inline elements and do not require a closing tag.

Example

This example uses the INPUT element to create different types of input controls.

<FORM ACTION="http://intranet/survey" METHOD=POST>
<P>Name</P>
<BR><INPUT NAME="CONTROL1" TYPE=TEXT VALUE="Your Name">
<P>Password</P>
<BR><INPUT TYPE="PASSWORD" NAME="CONTROL2">
<P>Color</P>
<BR><INPUT TYPE="RADIO" NAME="CONTROL3" VALUE="0" CHECKED>Red
<INPUT TYPE="RADIO" NAME="CONTROL3" VALUE="1">Green
<INPUT TYPE="RADIO" NAME="CONTROL3" VALUE="2">Blue
<P>Comments</P>
<BR><INPUT TYPE="TEXT" NAME="CONTROL4" SIZE="20,5" MAXLENGTH="250">
<P><INPUT NAME="CONTROL5" TYPE=CHECKBOX CHECKED>Send receipt</P>
<P><INPUT TYPE="SUBMIT" VALUE="OK"><INPUT TYPE="RESET" VALUE="Reset"></P>
</FORM>