最新のWeb開発のチュートリアル
 

Input Color value Property

<入力カラーオブジェクト

カラーピッカーの色を変更します。

document.getElementById("myColor").value = "#FF8040";
»それを自分で試してみてください

定義と使用法

値プロパティセットまたは値戻り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属性


<入力カラーオブジェクト