HTML <input> Tag
Example
A simple HTML form with two input fields and one submit button:<form action="http://xhtml.co.il/tryit/html/html_form_submit_736.php"> First name: <input type="text" name="fname" value="Mickey" /> Last name: <input type="text" name="lname" value="Mouse" /> <input type="submit" value="Submit" /> </form>
Definition and Usage
The <input> tag is used to select user information.
An input field can vary in many ways, depending on the type attribute. An input field can be a text field, a checkbox, a password field, a radio button, a button, and more.
Browser Support
The
<input> tag is supported in all major browsersDifferences Between HTML and XHTML
In HTML, the <input> tag has no end tag.
In XHTML, the <input> tag must be properly closed, like this <input />.
Tips and Notes
Tip: Use the <label> tag to define labels for input elements.
Standard Attributes
Тег<input> поддерживает следующие стандартные атрибуты:| Attribute | Value | Description | DTD |
|---|---|---|---|
| accesskey | character | Specifies a keyboard shortcut to access an element | STF |
| class | classname | Specifies a classname for an element | STF |
| dir | rtl ltr | Specifies the text direction for the content in an element | STF |
| id | id | Specifies a unique id for an element | STF |
| lang | language_code | Specifies a language code for the content in an element | STF |
| style | style_definition | Specifies an inline style for an element | STF |
| tabindex | number | Specifies the tab order of an element | STF |
| title | text | Specifies extra information about an element | STF |
| xml:lang | language_code | Specifies a language code for the content in an element, in XHTML documents | STF |
More information about Standard Attributes.
Optional Attributes
DTD indicates in which HTML 4.01/XHTML 1.0 DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.
| Attribute | Value | Description | DTD |
|---|---|---|---|
| accept | MIME_type | Specifies the types of files that can be submitted through a file upload (only for type="file") | STF |
| align | left right top middle bottom | Deprecated. Use styles instead. Specifies the alignment of an image input (only for type="image") | TF |
| alt | text | Specifies an alternate text for an image input (only for type="image") | STF |
| checked | checked | Specifies that an input element should be preselected when the page loads (for type="checkbox" or type="radio") | STF |
| disabled | disabled | Specifies that an input element should be disabled when the page loads | STF |
| maxlength | number | Specifies the maximum length (in characters) of an input field (for type="text" or type="password") | STF |
| name | name | Specifies a name for an input element | STF |
| readonly | readonly | Specifies that an input field should be read-only (for type="text" or type="password") | STF |
| size | number | Specifies the width of an input field | STF |
| src | URL | Specifies the URL to an image to display as a submit button | STF |
| type | button checkbox file hidden image password radio reset submit text | Specifies the type of an input element | STF |
| value | value | Specifies the value of an input element | STF |
Event Attributes
The<input> tag supports the following event attributes:| Attribute | Value | Description | DTD |
|---|---|---|---|
| onclick | script | Script to be run on a mouse click | STF |
| ondblclick | script | Script to be run on a mouse double-click | STF |
| onmousedown | script | Script to be run when mouse button is pressed | STF |
| onmousemove | script | Script to be run when mouse pointer moves | STF |
| onmouseout | script | Script to be run when mouse pointer moves out of an element | STF |
| onmouseover | script | Script to be run when mouse pointer moves over an element | STF |
| onmouseup | script | Script to be run when mouse button is released | STF |
| onkeydown | script | Script to be run when a key is pressed | STF |
| onkeypress | script | Script to be run when a key is pressed and released | STF |
| onkeyup | script | Script to be run when a key is released | STF |
| onblur | script | Script to be run when an element loses focus | STF |
| onfocus | script | Script to be run when an element gets focus | STF |
| onchange | script | Script to be run when an element change | STF |
| onselect | script | Script to be run when an element is selected | STF |
More information about Event Attributes.
More examples
Example 1
Form with checkboxes: A form with two checkboxes, and a submit button.<form action="http://xhtml.co.il/tryit/html/checkboxes.php" method="get"> <input type="checkbox" name="vehicle[]" value="Bike" /> I have a bike <input type="checkbox" name="vehicle[]" value="Car" checked="checked" /> I have a car <input type="submit" value="Submit" /> </form>
Example 2
Form with radiobuttons: A form with two radio buttons, and a submit button.<form action="http://xhtml.co.il/tryit/html/radio.php" method="get"> <input type="radio" name="sex" value="Male" /> Male <input type="radio" name="sex" value="Female" checked="checked" /> Female <input type="submit" value="Submit" /> </form>
Example 3
How to define a password field.<form> Password: <input type="password" name="pwd" size="20" /> </form>
Example 4
How to define a button with your own text.<form> <input type="button" value="Please Click Me!" /> </form>
Was this information helpful?
