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.

The HTML 5 version of this tag introduces some new attributes.

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 website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/html/tags/html_input_tag.cfm">HTML input Tag</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites