定義と使用法
値プロパティセットまたは値戻りvalueカラーピッカーの属性。
value属性には、カラーピッカーの色を指定します。
注意:何も指定されていない場合、デフォルトの色は#000000です(black) 。
ブラウザのサポート
プロパティ | |||||
---|---|---|---|---|---|
value | はい | 10.0 | はい | はい | はい |
注意: <input type="color">要素は、Internet ExplorerやSafariで任意のカラーピッカーを表示しません。
構文
valueプロパティを返します:
colorObject .value
valueプロパティを設定します。
colorObject .value= #hexvalue
プロパティ値
値 | 説明 |
---|---|
#hexvalue | カラーピッカーの色を指定します。 値は、16進数でなければならない(hex) 3二桁の数字、#記号で始まる:値(like #FF8040) 。 注意:(のような色のキーワード"red"や「青」)が許可されていません。 注:デフォルトの色は#000000である(black) 。 |
技術的な詳細
戻り値: | 色を表す文字列、 |
---|
その他の例
例
カラーピッカーの色を取得します。
var x = document.getElementById("myColor").value;
xの結果は次のようになります。
#ff0080
»それを自分で試してみてください 例
defaultValueとValueプロパティの違いを示す例:
var x = document.getElementById("myColor");
var defaultVal =
x.defaultValue;
var currentVal = x.value;
»それを自分で試してみてください 関連ページ
HTMLチュートリアル: HTMLの色
HTMLチュートリアル: HTMLカラー値(HEX)
HTMLリファレンス: HTML <input> value属性
<入力カラーオブジェクト