Latest web development tutorials

HTML DOM Input Color value 屬性

Input Color 對象參考手冊 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屬性


Input Color 對象參考手冊 Input Color對象