HTML DOM input color 对象

输入颜色对象

输入颜色对象表示 type="color" 的 HTML <input> 元素。

笔记：IE 11 及更早版本、Safari 9.1 及更早版本不支持 <input type="color">。

您可以使用 getElementById() 访问 type="color" 的 <input> 元素：

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

提示：您还可以通过搜索来访问 <input type="color">元素表格的集合。

您可以使用 document.createElement() 方法创建 type="color" 的 <input> 元素：

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

Property	Description
autocomplete	Sets or returns the value of the autocomplete attribute of a color picker
autofocus	Sets or returns whether a color picker should automatically get focus when the page loads
defaultValue	Sets or returns the default value of a color picker
disabled	Sets or returns whether a color picker is disabled, or not
form	Returns a reference to the form that contains the color picker
list	Returns a reference to the <datalist> element that contains the color picker
name	Sets or returns the value of the name attribute of a color picker
type	Returns which type of form element the color picker is
value	Sets or returns the value of the value attribute of a color picker

输入颜色对象还支持标准特性和事件。