閱讀(22.5k) 書簽贊(1) 我要糾錯

HTML DOM Input Color 對象

2023-04-10 10:01 更新

Input Color 對象是 HTML5 新增的。

Input Color 對象代表了使用 type="color"屬性的 HTML <input> 元素。

注意： Internet Explorer 或 Safari瀏覽器不支持 <input> 元素使用 type="color" 屬性。

你可以使用 getElementById() 函數(shù)來訪問使用 type="color" 屬性的 <input> 元素:

var x = document.getElementById("myColor");嘗試一下

提示： 你同樣可以通過表單的元素集合來訪問 Input Color 對象。

你可以使用 document.createElement() 方法來創(chuàng)建使用 type="color" 屬性的 <input> 元素：

var x = document.createElement("INPUT");
x.setAttribute("type", "color");嘗試一下

Input Color 對象屬性

屬性	描述
autocomplete	設置或者返回拾色器的 autocomplete 屬性值。
autofocus	設置或者返回在頁面加載時拾色器是否獲取焦點。
defaultValue	設置或返回拾色器默認的值。
disabled	設置或返回拾色器是否可用。
form	返回包含拾色器的 form 表單引用。
list	返回包含拾色器的 datalist 引用。
name	設置或者返回拾色器 name 屬性值。
type	返回拾色器的表單元素類型。
value	設置或者返回拾色器的 value 屬性值。

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