最新的Web開發教程
 

HTML DOM輸入顏色對象


輸入彩色目標

輸入顏色對象是HTML5中的新。

輸入彩色對象表示一個HTML <input>類型為“顏色”元素。

注意: <input>類型為“彩色”的元素未在Internet Explorer或Safari支撐。

訪問一個輸入顏色對象

可以訪問的<input>通過使用與類型=“彩色”元素getElementById()

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

提示:也可以訪問<input type="color">通過經由搜索元素形式的集合。

創建一個輸入顏色對象

可以創建<input>通過使用類型為“彩色”元素document. createElement() document. createElement()方法:

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

輸入顏色對象屬性

屬性 描述
autocomplete 設置或返回的值autocomplete顏色選擇器的屬性
autofocus 設置或返回是否拾色器應該自動獲得焦點的頁面加載時
defaultValue 設置或返回顏色選擇器的默認值
disabled 設置或返回是否拾色器被禁用,或者不
form 返回的形式引用包含顏色選擇器
list 返回到參考<datalist>包含該顏色選擇器元件
name 設置或返回的值name顏色選擇器的屬性
type 返回哪種類型的形式元素的顏色選擇器是
value 設置或返回的值value顏色選擇器的屬性

標準屬性和事件

輸入顏色對象還支持標準的屬性事件


相關頁面

HTML教程: HTML表單

HTML參考: HTML <input>標籤

HTML參考: HTML <input>類型屬性