JavaScript HTML DOM Input Color 对象

Input Color 对象

Input Color对象表示带有type=“color”的HTML <input>元素。

注意： Internet Explorer 11及更早版本或Safari 9.1及更早版本不支持type=“color”的<input>元素。

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

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

尝试一下

提示：您还可以通过搜索表单的elements集合来访问<input type =“Color”> 。

您可以使用document.createElement()方法创建一个带有type=“color”的<input>元素：

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

尝试一下

属性	描述
autocomplete	设置或返回颜色选择器的autocomplete属性的值
autofocus	设置或返回颜色选择器是否应在页面加载时自动获得焦点
defaultValue	设置或返回颜色选择器的默认值
disabled	设置或返回是否禁用颜色选择器
form	返回对包含颜色选择器的表单的引用
list	返回对包含颜色选择器的<datalist>元素的引用
name	设置或返回颜色选择器的name属性的值
type	返回颜色选择器的表单元素类型
value	设置或返回颜色选择器的value属性的值

Input Color对象还支持标准属性和事件。