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

Input Range value Property

<入力範囲オブジェクト

スライダコントロールの値を変更します。

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

定義と使用法

値プロパティセットまたはの値を返すvalueスライダコントロールの属性を。

value属性にはデフォルト値または値のユーザーの種類を指定します(or a value set by a script)


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

valueプロパティは、すべての主要なブラウザでサポートされています。

注: <input type="range">要素は、Internet Explorer 9およびそれ以前のバージョンでサポートされていません。


構文

valueプロパティを返します:

rangeObject .value

valueプロパティを設定します。

rangeObject .value= プロパティ値
説明
number スライダコントロールの値を指定します。 値が指定されていない場合、デフォルト値は"50"

技術的な詳細

戻り値: スライダコントロールの値を表す数値を表す文字列、

その他の例

スライダコントロールの値を取得します。

var x = document.getElementById("myRange").value;

xの結果は次のようになります。

50
»それを自分で試してみてください

defaultValueとValueプロパティの違いを示す例:

var x = document.getElementById("myRange");
var defaultVal = x.defaultValue;
var currentVal = x.value;
»それを自分で試してみてください

関連ページ

HTMLリファレンス: HTML <input> value属性


<入力範囲オブジェクト