<input> - color

HTML DOM Input Color object

The Input Color object is new in HTML5.

Input Color objects represent HTML <input> elements with the type="color" attribute.

Note: Internet Explorer or Safari browsers do not support the use of the type="color" attribute on the <input> element.

You can use the getElementById() function to access <input> elements with the type="color" attribute:

var x = document.getElementById("myColor");

Tip: You can also access the Input Color object through the form's elements collection .

You can use the document.createElement() method to create an <input> element with the type="color" attribute:

var x = document.createElement("INPUT");
x.setAttribute("type", "color");

Attribute	Description
autocomplete	Sets or returns the value of the autocomplete property of the color picker.
autofocus	Sets or returns whether the color picker gets focus when the page loads.
defaultValue	Sets or returns the default value of the color picker.
disabled	Sets or returns whether the color picker is available.
form	Returns a reference to the form that contains the color picker.
list	Returns a reference to the datalist containing the color picker.
name	Sets or returns the value of the color picker name property.
type	Returns the form element type of the color picker.
value	Sets or returns the value of the color picker's value property.

Input Color objects also support standard properties and events .

HTML Tutorial: HTML Forms

HTML Reference Manual: HTML <input> Tag

HTML Reference Manual: HTML <input> type attribute