HTML DOM Input Color 对象
Color 对象Color 对象是 HTML5 中的新对象。
Color 对象表示 HTML <input type="color"> 元素。
注释:Internet Explorer 和 Safari 不支持 <input type="color"> 元素。
访问 Color 对象
您可以通过使用 getElementById() 来访问 <color> 元素:
var x = document.getElementById("myColor");
亲自试一试
提示:您也可以通过遍历表单的 elements 集合来访问 Color 对象。
创建 Color 对象
您可以通过使用 document.createElement() 方法来创建 <color> 元素:
var x = document.createElement("INPUT");
x.setAttribute("type", "color");
亲自试一试
Color 对象属性
属性 描述
span 设置或返回列的 span 属性的值。
autocomplete 设置或返回色彩选择器的 autocomplete 属性值。
autofocus 设置或返回色彩选择器在页面加载后是否应自动获取焦点。
defaultValue 设置或返回色彩选择器的默认值。
disabled 设置或返回色彩选择器是否被禁用。
form 返回对包含色彩选择器的表单的引用。
list 返回对包含色彩选择器的 datalist 的引用。
name 设置或返回色彩选择器的 name 属性值。
type 返回色彩选择器的表单元素类型。
value 设置或返回色彩选择器的 value 属性值。
标准属性和事件
Color 对象支持标准属性和事件。
相关页面
HTML 教程:HTML 表单
HTML 参考手册:HTML <input> 标签
HTML 参考手册:HTML <input> type 属性
<input> checkbox
<input> date
JavaScript 和 HTML DOM 参考手册
JavaScript 实例
JavaScript 测验
JavaScript 教程
W3School 简体中文版提供的内容仅用于培训和测试,不保证内
页:
[1]