Input Color value 属性
示例代码
修改拾色器默认的颜色:
document.getElementById("myColor").value = #FF8040;
代码片段:
拾色器:
点击 "点我" 按钮修改拾色器颜色。
点我
function myFunction() {
document.getElementById("myColor").value="#FF8040";
}
演示一下 ?
一、定义和使用方法
value 属性设置或者返回拾色器的 value 属性值。
value 属性描述了拾色器的默认颜色。
注意: 默认颜色值为 #000000 (黑色)。
二、浏览器支持
所有主流浏览器都支持 value 属性。
注意:Internet Explorer 和 Safari 浏览器不支持 元素。
三、语法
返回 value 属性:
colorObject.value
设置 value 属性:
colorObject.value=#hexvalue
四、属性值值描述
#hexvalue指定拾色器的颜色。
value 必须是一个十六进制值 (hex) :3双位数字, 开始标记为 # (如: #FF8040)。
注意: 颜色单词 (如: 不允许使用 "red" 或 "blue") 。
注意: 默认值为: #000000 (黑色)。
五、技术细节返回值:字符串,代表一个颜色值
六、更多示例代码
示例代码
获取拾色器的颜色:
var x = document.getElementById("myColor").value;x输出结果为:
#ff0080
拾色器:
点击 "点我" 按钮获取拾色器颜色。
点我
function myFunction() {
var x = document.getElementById("myColor").value;
document.getElementById("demo").innerHTML = x;
}