type
Summary
The type attribute is used to define what sort of type an input or ordered list element is.
Applies to | [HTMLInputElement](/html/elements/input) [OLElement](/html/elements/ol) |
---|
- elements.
As with HTML5 the attribute is no longer deprecated for \
- “button”: represents a button with no default behavior
- “checkbox”: represents a state or option that can be toggled
- “checkbox”: represents a state or option that can be toggled
- “color”: provides a widget for selecting a color value
- “date”: represents a widget for specifying a date value (year, month, day), with no time zone or time information
- “datetime”: represents a widget for setting a date-time value (year, month, day, hours, minutes, seconds, milliseconds) based on UTC time zone
- “datetime-local”: represents a widget for setting a date-time value (year, month, day, hours, minutes, seconds, milliseconds) with no time zone information
- “email”: represents a field for entering an e-mail address
- “file”: represents a widget for specifying a file
- “hidden”: represents a value that is hidden from the user, but which is sent with the form data; the value can be set programatically
- “image”: represents an image. The user can either use the image as a button to submit the form, or select a coordinate of the image to be submitted with the form data
- “month”: represents a widget for entering a month value
- “number”: represents a widget for entering a number
- “password”: represents a one-line plain-text edit control for entering a password, which renders input text in such a way as to hide the characters (e.g., a series of asterisks)
- “radio”: represents a radio button control
- “range”: represents a field for setting a number value that falls in a given range
- “reset”: represents a form button that resets the form to default values
- “search”: represents an input text field that is used for search queries
- “submit”: represents a form button that submits the form data to the server
- “tel”: represents an input field intended for entering a telephone number; does not enforce any syntax
- “text”: represents a one-line plain text edit control for the input element’s value
- “radio”: represents an input field for entering a specific time value
- “url”: represents an input field for entering a single, absolute URL value
- “week”: represents an input field for entering a value that represents a specific week
- "1": for decimal numbers (1, 2, 3, …)
- "a": for lowercase, alphabetically ordered list (a, b, c, …)
- "A": for uppercase, alphabetically ordered list (A, B, C, …)
- "i": for lowercase, roman numbered list (i, ii, iii, iv, …)
- "I": for uppercase, roman numbered list (I, II, III, IV, …)
- HTML5 A vocabulary and associated APIs for HTML and XHTML, Section 4.10.7
- Document Object Model (DOM) Level 1 Specification, Section 2.5.5
- HTML 4.01 Specification, Section 17.4
- HTMLInputElementHTMLInputElement
input type=button
input type=checkbox
- input type=emailinput type=email
input type=file
input type=hidden
input type=image
- input type=numberinput type=number
input type=password
- input type=rangeinput type=range
input type=radio
input type=reset
- input type=searchinput type=search
input type=submit
- input type=telinput type=tel
input type=text
- input type=urlinput type=url
Microsoft Developer Network: [Windows Internet Explorer API reference Article]
- elements.
<input>
The type attribute specifies the type of an <input> element to display. There are several possible types like text, button or submit.
The default type for an <input> element is: text. The attribute is not required, but it is recommended to include the attribute to prevent misunderstandings.
An input element with a type attribute whose value is:
<ol>
For <ol> elements the type attribute is used to specify the kind of marker to use in the list.
As default the list will be marked with decimal numbers (1, 2, 3, …).
Possible attribute values are the following:
Examples
Type attributes used in a form.
<code>
<form>
Text: <input type="text" name="textInput"> <br/>
<br/>
Color: <input type="color" value="#ff0000" name="colorInput"/> <br/>
Date: <input type="date" value="2013-09-03" name="dateInput"> <br/>
Datetime: <input type="datetime" name="datetimeInput"> <br/>
Datetime-local: <input type="datetime-local" value="2013-09-03T20:00" name="datetime-local"> <br/>
Email: <input type="email" name="emailInput"> <br/>
File: <input type="file" name="fileInput"> <br/>
Hidden: <input type="hidden" name="hiddenInput"> <br/>
Month: <input type="month" value="2013-09" name="monthInput"> <br/>
Number: <input type="number" name="numberInput"> <br/>
Password: <input type="password" name="passwordInput"> <br/>
Checkbox: <input type="checkbox" name="checkboxInput" id="checkboxId1" checked><label for="checkboxId1">label 1</label>
<input type="checkbox" name="checkboxInput" id="checkboxId2"><label for="checkboxId2">label 2</label> <br/>
Radio: <input type=radio name="radioInput" id="radioId1" checked><label for="radioId1">label 1</label>
<input type=radio name="radioInput" id="radioId2"><label for="radioId2">label 2</label> <br/>
Range: <input type="range" name="rangeInput"> <br/>
Search: <input type="search" name="searchInput"> <br/>
Tel: <input type="tel" name="telInput"> <br/>
Time: <input type="time" name="timeInput"> <br/>
Url: <input type="url" name="urlInput"> <br/>
Week: <input type="week" name="weekInput"> <br/>
<br/>
Image: <input type="image" name="imageInput"> <br/>
Button: <input type="button" value="Button" onclick="alert('This is a javascript alert')"> <br/>
Reset: <input type="reset" value="Reset"> <br/>
<br />
Submit: <input type="submit" value="Submit"> <br/>
</form>
</code>
Type attribute for lowercase, roman numbering used in an ordered list.
<ol type="i">
<li>First list item</li>
<li>Second list item</li>
<li>Third list item</li>
<li>Forth list item</li>
<li>Fifth list item</li>
</li>
Notes
Remarks
Only the type property is writeable. The type property is read/write-once, but only when an input element is created with the createElement method and before it is added to the document.