Input Range defaultValue 属性

定義と用法

defaultValue 属性はスライダー制御のデフォルト値を設定または返却します。

注:デフォルト値は HTML value 属性 定義されている値。

defaultValue と value 属性の違いは、defaultValue がデフォルト値を含んでおり、value が変更後の現在の値を含んでいることです。変更がなければ、defaultValue と value は同じです(下記の例を参照してください)。

スライダー制御の値が変更されたかどうかを確認したい場合は、defaultValue 属性が非常に便利です。

例 1

スライダー制御のデフォルト値の取得:

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

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

例 2

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

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

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

文法

defaultValue 属性の返却:

rangeObject.defaultValue

defaultValue 属性の設定:

rangeObject.defaultValue = value

属性値

説明
value スライダーコントロールのデフォルト値を指定します。

技術的詳細

返り値: スライダーコントロールのデフォルト値を示す文字列値。

ブラウザのサポート

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

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