Input Range value 属性

HTML DOM インプット レンジ オブジェクト

定義と使用法

value 属性は、スライダーコントロールの value 属性の値を設定または返します。

HTML value 属性は、デフォルト値またはユーザー入力の値（またはスクリプトで設定された値）を定義します。

も参照してください：

HTML 参考マニュアル：HTML <input> value 属性

例

例 1

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

document.getElementById("myRange").value = "75";

自分で試してみてください

例 2

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

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

自分で試してみてください

例 3

defaultValue と value 属性の差異を示す例：

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

自分で試してみてください

文法

value 属性を返します：

rangeObject.value

value 属性を設定します：

rangeObject.value = number

属性値

値 説明
number スライダーコントロールの値を指定します。値を指定しない場合、デフォルト値は「50」です。

技術的詳細

返り値： スライダーコントロールの値を表す数値。

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート 10.0 サポート サポート サポート

HTML DOM インプット レンジ オブジェクト