HTML DOM Input Color 對象

Color 對象

Color 對象是 HTML5 中的新對象。

Color 對象表示 HTML <input type="color"> 元素。

注釋：Internet Explorer 和 Safari 不支持 <input type="color"> 元素。

訪問 Color 對象

您可以通過使用 getElementById() 來訪問 <color> 元素：

var x = document.getElementById("myColor");

親自試一試

提示：您也可以通過遍歷表單的 elements 集合來訪問 Color 對象。

創建 Color 對象

您可以通過使用 document.createElement() 方法來創建 <color> 元素：

var x = document.createElement("INPUT");
x.setAttribute("type", "color");

親自試一試

Color 對象屬性

屬性 描述
autocomplete 設置或返回色彩選擇器的 autocomplete 屬性值。
autofocus 設置或返回色彩選擇器在頁面加載后是否應自動獲取焦點。
defaultValue 設置或返回色彩選擇器的默認值。
disabled 設置或返回色彩選擇器是否被禁用。
form 返回對包含色彩選擇器的表單的引用。
list 返回對包含色彩選擇器的 datalist 的引用。
name 設置或返回色彩選擇器的 name 屬性值。
type 返回色彩選擇器的表單元素類型。
value 設置或返回色彩選擇器的 value 屬性值。

標準屬性和事件

Color 對象支持標準屬性和事件。

相關頁面

HTML 教程：HTML 表單

HTML 參考手冊：HTML <input> 標簽

HTML 參考手冊：HTML <input> type 屬性