HTML DOM Input Color オブジェクト

Input Color オブジェクト

Input Color オブジェクトは HTML5 で新しく追加されました。

Input Color オブジェクトは、type="color" 属性を使用した HTML <input> 要素を表します。

注意：Internet Explorer または Safari ブラウザは、<input> 要素で type="color" 属性を使用することをサポートしていません。

getElementById() 関数を使用して、type="color" 属性を使用する <input> 要素にアクセスできます:

var x = document.getElementById("myColor"); 試してみる

ヒント：フォームの要素集合を通じて Input Color オブジェクトにアクセスすることもできます。

document.createElement() メソッドを使用して、type="color" 属性を使用する <input> 要素を作成できます：

var x = document.createElement("INPUT");
x.setAttribute("type", "color"); 試してみる

プロパティ	説明
autocomplete	カラーピッカーの autocomplete 属性値を設定または返します。
autofocus	ページ読み込み時にカラーピッカーがフォーカスを取得するかどうかを設定または返します。
defaultValue	カラーピッカーのデフォルト値を設定または返します。
disabled	カラーピッカーが使用可能かどうかを設定または返します。
form	カラーピッカーを含む form フォームへの参照を返します。
list	カラーピッカーを含む datalist への参照を返します。
name	カラーピッカーの name 属性値を設定または返します。
type	カラーピッカーのフォーム要素タイプを返します。
value	カラーピッカーの value 属性値を設定または返します。

Input Color オブジェクトは標準のプロパティとイベント。

HTML チュートリアル:HTML フォーム

HTML リファレンス:HTML <input> タグ

その他の拡張