×
参考手册概览

JavaScript 对象

JavaScript Array 对象手册 JavaScript Array 对象JavaScript Boolean 对象JavaScript Date 对象JavaScript Math 对象JavaScript Number 对象JavaScript String 对象JavaScript RegExp 对象JavaScript 全局属性/函数JavaScript 运算符

Browser 对象

Window 对象Navigator 对象Screen 对象History 对象Location 对象

DOM 对象

HTML DOM DocumentHTML DOM 元素对象HTML DOM 属性对象HTML DOM 事件对象

HTML 对象

<a><area><audio><base><blockquote><body><button><canvas><col><colgroup><datalist><del><details><dialog><embed><fieldset><form><iframe><frameset ><img><ins><input> - button<input> - checkbox<input> - color<input> - date<input> - datetime<input> - datetime-local<input> - email<input> - file<input> - hidden<input> - image<input> - month<input> - number<input> - range<input> - password<input> - radio<input> - reset<input> - search<input> - submit<input> - text<input> - time<input> - url<input> - week<keygen><link><label><legend><li><map><menu><menuItem><meta><meter><object><ol><optgroup><option><param><progress><q><script><select><source><style><table><td><th><tr><textarea><title><time><track><video>

Input Color value 属性


HTML DOM Input Color 对象HTML DOM Input Color 对象


实例

修改拾色器默认的颜色:

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

尝试一下 »

定义和用法

value 属性设置或者返回拾色器的 value 属性值。

value 属性描述了拾色器的默认颜色。

注意: 默认颜色值为 #000000 (黑色)。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 value 属性。

注意:Internet Explorer 和 Safari 浏览器不支持 <input type="color"> 元素。


语法

返回 value 属性:

colorObject.value

设置 value 属性:

colorObject.value=#hexvalue

属性值

描述
#hexvalue 指定拾色器的颜色。

value 必须是一个十六进制值 (hex) :3双位数字, 开始标记为 # (如: #FF8040)。

注意: 颜色单词 (如: 不允许使用 "red" 或 "blue") 。

注意: 默认值为: #000000 (黑色)。

技术细节

返回值: 字符串,代表一个颜色值


更多实例

实例

获取拾色器的颜色:

var x = document.getElementById("myColor").value;
x输出结果为:
#ff0080

尝试一下 »


相关文章

HTML 教程: HTML 颜色

HTML 教程: HTML 颜色值(HEX)

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


HTML DOM Input Color 对象HTML DOM Input Color 对象


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)