Objek Input Color DOM HTML

对象 Color

对象 Color 是对象新 HTML5。

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

注释:元素不支持 <input type="color"> Internet Explorer 和 Safari。

访问对象 Color

您可以通过使用 getElementById() 来访问 <color> 元素:

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

亲自试一试

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

创建对象 Color

您可以通过使用 document.createElement() 方法来创建 <color> 元素:

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

亲自试一试

属性对象 Color

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

属性和事件标准

对象支持标准 Color属性事件

页面相关

教程 HTML:表单 HTML

参考手册 HTML:标签 <input> HTML

参考手册 HTML:属性 type <input> HTML