type

Jump to: navigation, search

type

This article is Not Ready.


W3C Recommendation

Summary

The type attribute is used to define what sort of type an input or ordered list element is.


Applies to HTMLInputElement OLElement

In general the type attribute is used for <input> and for <ol> elements.
As with HTML5 the attribute is no longer deprecated for <ol> 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 "button" represents a button with no default behavior.

An input element with a type attribute whose value is "checkbox" represents a state or option that can be toggled.

An input element with a type attribute whose value is "color" provides a widget for selecting a color value.

An input element with a type attribute whose value is "date" represents a widget for specifying a date value (year, month, day), with no time zone or time information.

An input element with a type attribute whose value is "datetime" represents a widget for setting a date-time value (year, month, day, hours, minutes, seconds, milliseconds) based on UTC time zone.

An input element with a type attribute whose value is "datetime-local" represents a widget for setting a date-time value (year, month, day, hours, minutes, seconds, milliseconds) with no time zone information.

An input element with a type attribute whose value is "email" represents a field for entering an e-mail address.

An input element with a type attribute whose value is "file" represents a widget for specifying a file.

An input element with a type attribute whose value is "hidden" represents a value that is hidden from the user, but which is sent with the form data; the value can be set programatically.

An input element with a type attribute whose value is "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.

An input element with a type attribute whose value is "month" represents a widget for entering a month value.

An input element with a type attribute whose value is "number" represents a widget for entering a number.

An input element with a type attribute whose value is "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).

An input element with a type attribute whose value is "radio" represents a radio button control.

An input element with a type attribute whose value is "range" represents a field for setting a number value that falls in a given range.

An input element with a type attribute whose value is "reset" represents a form button that resets the form to default values.

An input element with a type attribute whose value is "search" represents an input text field that is used for search queries.

An input element with a type attribute whose value is "submit" represents a form button that submits the form data to the server.

An input element with a type attribute whose value is "tel" represents an input field intended for entering a telephone number; does not enforce any syntax.

An input element with a type attribute whose value is "text" represents a one-line plain text edit control for the input element’s value.

An input element with a type attribute whose value is "radio" represents an input field for entering a specific time value.

An input element with a type attribute whose value is "url" represents an input field for entering a single, absolute URL value.

An input element with a type attribute whose value is "week" represents an input field for entering a value that represents a specific week.


<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:
"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, ...)

Compatibility

There is no data available for topic "html", feature "type". If you think that there should be data available, consider opening an issue.

Examples

Type attributes used in a form.

HTML

<form>
    Text: <input type="text" name="textInput"> 

Color: <input type="color" value="#ff0000" name="colorInput"/>
Date: <input type="date" value="2013-09-03" name="dateInput">
Datetime: <input type="datetime" name="datetimeInput">
Datetime-local: <input type="datetime-local" value="2013-09-03T20:00" name="datetime-local">
Email: <input type="email" name="emailInput">
File: <input type="file" name="fileInput">
Hidden: <input type="hidden" name="hiddenInput">
Month: <input type="month" value="2013-09" name="monthInput">
Number: <input type="number" name="numberInput">
Password: <input type="password" name="passwordInput">
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>
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>
Range: <input type="range" name="rangeInput">
Search: <input type="search" name="searchInput">
Tel: <input type="tel" name="telInput">
Time: <input type="time" name="timeInput">
Url: <input type="url" name="urlInput">
Week: <input type="week" name="weekInput">

Image: <input type="image" name="imageInput">
Button: <input type="button" value="Button" onclick="alert('This is a javascript alert')">
Reset: <input type="reset" value="Reset">

Submit: <input type="submit" value="Submit">
</form>

Type attribute for lowercase, roman numbering used in an ordered list.

HTML

<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.

Syntax

Standards information


See also

Related pages (MSDN)

Attribution

This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]