HTML DOM Input Color Obheto

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 屬性