入力色値プロパティ
例
カラーピッカーの色を変更します。
document.getElementById("myColor").value = "#FF8040";
定義と使用法
valueプロパティは、カラーピッカーのvalue属性の値を設定または返します。
value属性は、カラーピッカーの色を指定します。
注:何も指定されていない場合、デフォルトの色は#000000(黒)です。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
value | Yes | 10.0 | Yes | Yes | Yes |
注: <input type = "color">要素は、InternetExplorerおよびSafariではカラーピッカーを表示しません。
構文
valueプロパティを返します。
colorObject.value
valueプロパティを設定します。
colorObject.value = #hexvalue
プロパティ値
Value | Description |
---|---|
#hexvalue |
Specifies a color for the color picker. The value must be a hexadecimal (hex) value: 3 double digit numbers, starting with a # sign (like #FF8040). Note: Color keywords (like "red" or "blue") are not allowed. Note: Default color is #000000 (black). |
技術的な詳細
戻り値: | 色を表す文字列 |
---|
その他の例
例
カラーピッカーの色を取得します。
var x = document.getElementById("myColor").value;
例
defaultValueプロパティとvalueプロパティの違いを示す例:
var x = document.getElementById("myColor");
var defaultVal = x.defaultValue;
var currentVal = x.value;
関連ページ
HTMLチュートリアル:HTMLカラー
HTMLチュートリアル:HTMLカラー値(HEX)
HTML参照:HTML <input>値属性
❮入力カラーオブジェクト