HTML DOM Input Color 對象

Input Color 對象

Input Color 對象是 HTML5 新增的。

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

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

訪問 Input Color 對象

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

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

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

創建 Input Color 對象

你可以使用 document.createElement() 方法來創建使用 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 對象同樣支持標準 屬性 和 事件。

相關文章

HTML 教學: HTML 表單

HTML 參考手冊: HTML <input> 標籤

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