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 對象