HTML DOM Input Color 對(duì)象

Input Color 對(duì)象

Input Color 對(duì)象是 HTML5 新增的。

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

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

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

var x = document.getElementById("myColor"); 運(yùn)行代碼

提示： 你同樣可以通過(guò)表單的元素集合來(lái)訪問(wèn) Input Color 對(duì)象。

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

var x = document.createElement("INPUT");
x.setAttribute("type", "color"); 運(yùn)行代碼

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

Input Color 對(duì)象同樣支持標(biāo)準(zhǔn) 屬性和事件。