HTML 4 input Tag
Also see HTML5 <input> Tag.
This page contains information about the HTML 4 version of this element. For a more up to date version, see HTML5 <input> Tag.
The HTML input tag is used within a form to declare an input element - a control that allows the user to input data.
Using the input tag, you can add controls such as text input, radio buttons, checkbox controls, submit buttons, and more.
The HTML 5 version of this tag introduces some new attributes.
Example
Attributes
| Attributes specific to this tag: | |
|---|---|
| Attribute | Description |
| type | Specifies the type of control. Possible values:
|
| name | Assigns a name to the input control. |
| value | Specifies the intial value for the control. Note: If type="checkbox" or type="radio" this attribute is required. |
| size | Specifies the width of the control. If type="text" or type="password" this refers to the width in characters. Otherwise it's in pixels. |
| maxlength | Specifies the maximum number of characters that the user can input. This can be bigger than the value indicated in the size attribute. |
| checked | If type="radio" or type="checkbox" it will already be selected when the page loads. |
| src | If type="image", this attribute specifies the location of the image. |
| Other Attributes: | |
| Attribute | Description |
| class | Document wide identifier. |
| id | Document wide identifier |
| dir | Specifies the direction of the text |
| lang | Language code |
| title | Specifies a title to associate with the element. Many browsers will display this when the cursor hovers over the element (similar to a "tool tip"). |
| style | Inline style (CSS) |
| align | For alignment (left, center, right, justify). |
| alt | Alternate text. This specifies text to be used in case the browser/user agent can't render the input control. |
| accept | Specifies a comma-separated list of content types that the server accepts. |
| readonly | Sets the input control to read-only - it won't allow the user to change the value. The control however, can receive focus and are included when tabbing through the form controls. |
| disabled | Disables the input control. The button won't accept changes from the user. It also cannot receive focus and will be skipped when tabbing. |
| tabindex | Helps determine the tabbing order (when the user 'tabs' through the elements on the page). |
| accesskey | Access keys (or shortcut keys) |
| ismap | For image maps. See HTML map tag |
| usemap | For image maps. See HTML map tag |
| onfocus | Intrinsic event (see event handlers) |
| onblur | Intrinsic event (see event handlers) |
| onselect | Intrinsic event (see event handlers) |
| onchange | Intrinsic event (see event handlers) |
| onclick | Intrinsic event (see event handlers) |
| ondbclick | Intrinsic event (see event handlers) |
| onmousedown | Intrinsic event (see event handlers) |
| onmouseup | Intrinsic event (see event handlers) |
| onmouseover | Intrinsic event (see event handlers) |
| onmousemove | Intrinsic event (see event handlers) |
| onmouseout | Intrinsic event (see event handlers) |
| onkeypress | Intrinsic event (see event handlers) |
| onkeydown | Intrinsic event (see event handlers) |
| onkeyup | Intrinsic event (see event handlers) |
HTML5 Tags
The information on this page is based on HTML version 4.01. Most modern browsers now support HTML5, which is the next version of HTML after HTML 4.01.
See HTML5 <input> Tag for the HTML5 version of the above element.
Also see this list of HTML 5 tags for the latest version of HTML.