HTML DOM Input Color 对象

Input Color 对象

Input Color 对象表示 HTML <input type="color"> 元素。

访问 Input Color 对象

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

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

亲自试一试

提示:您也可以通过遍历表单的 elements 集合来访问 Input Color 对象。

创建 Input Color 对象

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

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

亲自试一试

Input Color 对象属性

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

标准属性和事件

Color 对象支持标准属性事件