最新的Web开发教程
 

HTML DOM输入颜色对象


输入彩色目标

输入颜色对象是HTML5中的新。

输入彩色对象表示一个HTML <input>类型为“颜色”元素。

注意: <input>类型为“彩色”的元素未在Internet Explorer或Safari支撑。

访问一个输入颜色对象

可以访问的<input>通过使用与类型=“彩色”元素getElementById()

var x = document.getElementById("myColor");
试一试»

提示:也可以访问<input type="color">通过经由搜索元素形式的集合。

创建一个输入颜色对象

可以创建<input>通过使用类型为“彩色”元素document. createElement() document. createElement()方法:

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

输入颜色对象属性

属性 描述
autocomplete 设置或返回的值autocomplete颜色选择器的属性
autofocus 设置或返回是否拾色器应该自动获得焦点的页面加载时
defaultValue 设置或返回颜色选择器的默认值
disabled 设置或返回是否拾色器被禁用,或者不
form 返回的形式引用包含颜色选择器
list 返回到参考<datalist>包含该颜色选择器元件
name 设置或返回的值name颜色选择器的属性
type 返回哪种类型的形式元素的颜色选择器是
value 设置或返回的值value颜色选择器的属性

标准属性和事件

输入颜色对象还支持标准的属性事件


相关页面

HTML教程: HTML表单

HTML参考: HTML <input>标签

HTML参考: HTML <input>类型属性