HTML 4 input Tag
Also see HTML5 <input> Tag.
This page is for 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.
See HTML5 <input> Tag for the HTML5 version of the above element.
See this list of HTML tags for the latest list of HTML elements.