轻松上手,快乐学习!

HTML DOM Input Color 对象


Input Color 对象

Input Color 对象代表一个 type="color" 的 HTML <input> 元素。

注释: Internet Explorer 11 及早期版本或 Safari 9.1 及早期版本中不支持带有 type="color" 的 <input> 元素。

访问 Input Color 对象

您可使用 getElementById() 来访问带有 type="color" 的 <input> 元素:

实例

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

提示: 您还可以通过搜索表单的 elements 元素集合来访问 <input type="color">。

创建 Input Color 对象

您可使用 document.createElement() 方法来创建带有 type="color" 的 <input> 元素:

实例

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

Input Color 对象属性

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

标准属性和事件

Input Color 对象还支持标准 属性事件


相关页面

HTML 教程: HTML 表单

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

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