Input Color defaultValue 属性
定義と使用方法
defaultValue 属性を設定または返却して、色選択器のデフォルト値を指定します。
注記：デフォルト値は HTML value 属性 で定義された値。
defaultValue と value 属性の違いは以下の通りです：
- defaultValue にはデフォルト値が含まれます
- 一方、value には変更が加わった現在の値が含まれます
- 変更がなければ、defaultValue と value は同じです（以下の例を参照してください）
色選択器の色が変更されたかどうかを確認したい場合、defaultValue 属性が非常に役立ちます。
例
例 1
色選択器のデフォルト値を取得：
var x = document.getElementById("myColor").defaultValue
例 2
defaultValue と value 属性の差異を示す例：
var x = document.getElementById("myColor");
var defaultVal = x.defaultValue;
var currentVal = x.value;
文法
defaultValue 属性の返却：
colorObject.defaultValue
defaultValue 属性の設定：
colorObject.defaultValue = value
属性値
| 値 | 説明 |
|---|---|
| value | 色選択器のデフォルト値を設定します。 |
技術的な詳細
| 返り値： | デフォルトの色選択器を表す文字列値。 |
|---|
ブラウザのサポート
表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| サポート | 10.0 | サポート | サポート | サポート |
注意：<input type="color"> 元素は Internet Explorer と Safari で色選択器を表示しません。
