最新の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> type属性