Latest web development tutorials

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