Input Color value 属性

HTML DOM Input Color 对象

定义和用法

value 属性设置或返回颜色选择器的 value 属性的值。

HTML value 属性规定颜色选择器的颜色。

注释：如果未规定任何内容，则默认颜色为 #000000（黑色）。

相关页面

HTML 教程：HTML 颜色

HTML 参考手册：HTML <input> value 属性

实例

例子 1

更改颜色选择器的颜色：

document.getElementById("myColor").value = "#FF8040";

亲自试一试

例子 2

获取颜色选择器的颜色：

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

亲自试一试

例子 3

显示 defaultValue 和 value 属性之间差异的一个例子：

var x = document.getElementById("myColor");
var defaultVal = x.defaultValue;
var currentVal = x.value;

亲自试一试

语法

返回 value 属性：

colorObject.value

设置 value 属性：

colorObject.value = #hexvalue

属性值

值 描述
#hexvalue

规定颜色选择器的颜色。

该值必须是十六进制 (hex) 值：3 个两位数，以 # 符号开头（如 #FF8040）。

注意：不允许使用颜色关键字（如 "red" 或 "blue"）。

注释：默认颜色为 #000000（黑色）。

技术细节

返回值： 字符串值，表示颜色。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 10.0 支持 支持 支持

注意：<input type="color"> 元素在 Internet Explorer 和 Safari 中不显示任何颜色选择器。

HTML DOM Input Color 对象