HTML DOM Input Color 对象

vicky.yu

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 简体中文版提供的内容仅用于培训和测试，不保证内