最新的Web开发教程
 

Input Color value Property

<输入彩色目标

例

更改颜色选择器的颜色：

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

定义和用法

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

该value属性用于指定颜色选择器的颜色。

注意：如果没有指定，默认颜色为＃000000 (black) 。

浏览器支持

属性
value 是 10.0 是 是 是

注意： <input type="color">元件不显示在Internet Explorer和Safari任何颜色拾取。

句法

返回值属性：

colorObject .value

设置值属性：

colorObject .value= #hexvalue

属性值

值 描述
#hexvalue 指定颜色选择器的颜色。

该值必须是一个十六进制(hex)值：3个位数字，开始以＃符号(like #FF8040)

注意：颜色的关键字（如"red"或“蓝色”）是不允许的。

注意：默认颜色为＃000000 (black) 。

技术细节

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

更多示例

例

获取一个颜色选择器的颜色：

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

x的结果将是：

#ff0080
试一试»

例

表示将默认值和value属性之间的差别的例子：

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

相关页面

HTML教程： HTML颜色

HTML教程： HTML颜色值(HEX)

HTML参考： HTML <input>值属性

<输入彩色目标