HTML DOM インプット カラー オブジェクト
- 前のページ <input> チェックボックス
- 次のページ <input> date
Color オブジェクト
Color オブジェクトは HTML5 の新しいオブジェクトです。
Color オブジェクトは HTML <input type="color"> 要素を表します。
注記：Internet Explorer と Safari は <input type="color"> 要素をサポートしていません。
Color オブジェクトのアクセス
getElementById() メソッドを使用して <color> 要素にアクセスできます：
var x = document.getElementById("myColor");
ヒント：フォームのを巡回することでアクセスすることもできます： elements コレクションColor オブジェクトにアクセスするために
Color オブジェクトの作成
document.createElement() メソッドを使用して <color> 要素を作成できます：
var x = document.createElement("INPUT");
x.setAttribute("type", "color");
Color オブジェクト属性
| 属性 | 説明 |
|---|---|
| autocomplete | カラーチョイスボックスの autocomplete 属性値を設定または返します。 |
| autofocus | ページが読み込まれた後にカラーチョイスボックスが自動的にフォーカスを取得するかどうかを設定または返します。 |
| defaultValue | カラーチョイスボックスのデフォルト値を設定または返します。 |
| disabled | カラーチョイスボックスが無効化されているかどうかを設定または返します。 |
| form | カラーチョイスボックスを含むフォームの参照を返します。 |
| list | カラーチョイスボックスを含む datalist の参照を返します。 |
| name | カラーチョイスボックスの name 属性値を設定または返します。 |
| type | カラーチョイスボックスのフォーム要素タイプを返します。 |
| value | カラーチョイスボックスの value 属性値を設定または返します。 |
- 前のページ <input> チェックボックス
- 次のページ <input> date
