HTML input Tag
The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.
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.
| Example |
<form action="/html/tags/html_form_tag_action.cfm" method="get">
First name:
<input type="text" name="first_name" value="" maxlength="100" />
<br />
Last name:
<input type="text" name="last_name" value="" maxlength="100" />
<input type="submit" value="Submit" />
</form>
The above code produces the following input controls:
|
| Attributes: |
| Attributes specific to this tag: |
| Attribute | Description |
| type | Specifies the type of control. Possible values:- text
- password
- checkbox
- radio
- submit
- reset
- file
- hidden
- image
- button
|
| 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) |
|
Also see the HTML 5 version of HTML tags
Enjoy this page?
-
- Add this page to your Favorites
- Link to this page (copy/paste into your own website or blog):
- Link to Quackit using one of these banner ads.
Thanks for supporting Quackit!
