最新的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>值屬性

<輸入彩色目標