HTMLDOM入力範囲の最小プロパティ
HTML DOM入力範囲の最小プロパティは、範囲スライダーコントロールの最小属性値を設定または返すために使用されます。この属性は、スライダーコントロールの最小値を示すために使用され、スライダーが移動できる値の範囲を作成するためにminプロパティとともに使用されることがよくあります。
構文
以下は、-
の構文です。Rangeminプロパティの設定-
rangeObject.min = number
ここで、数字は最小スライダー制御値を表します。
例
入力範囲の最小プロパティの例を見てみましょう-
<!DOCTYPE html>
<html>
<body>
<h1>Range min property</h1>
<form>
VOLUME <input type="range" id="RANGE1" name="VOL" min="15">
</form>
<p>Get the minimum value for the above slider by clicking the below button.</p>
<button type="button" onclick="minVal()">GET MIN</button>
<p id="Sample"> </p>
<script>
function minVal() {
var R=document.getElementById("RANGE1").min;
document.getElementById("Sample").innerHTML = "The minimum value for this range slider is "+R;
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
GETMINボタンをクリックすると-
上記の例では-
type =“ range”、id =“ RANGE1”、name =“ VOL”、min属性値が15に設定されたフォーム内に含まれる入力フィールドを作成しました-
<form> VOLUME <input type="range" id="RANGE1" name="VOL" min="15"> <form>
次に、ユーザーがクリックしたときにminVal（）メソッドを実行するボタンGETMINを作成しました-
<button type="button" onclick="minVal()">GET MIN</button>
minVal（）メソッドは、getElementById（）メソッドを使用して、範囲タイプの入力フィールドを取得し、その最小属性値を取得します。次に、スライダーが持つことができる最小値を示す戻り値が変数Rに割り当てられます。この値は、innerHTMLプロパティ-
を使用して、IDが「Sample」の段落に表示されます。function minVal() {
var R= document.getElementById("RANGE1").min;
document.getElementById("Sample").innerHTML = "The minimum value for this range slider is "+R;
} -
HTMLDOM入力範囲名プロパティ
HTML DOM入力範囲名プロパティは、入力範囲フィールドの名前属性を設定または返すために使用されます。 name属性は、サーバーに送信された後のフォームデータを識別するのに役立ちます。 JavaScriptは、name属性を使用して、後で操作するためのフォーム要素を参照することもできます。 構文 以下は、-の構文です。 名前プロパティの設定- rangeObject.name = name 例 ここで、nameはレンジスライダーコントロール名を指定するためのものです。 範囲名プロパティの例を見てみましょう- <!DOCTYPE html> <html> <
-
HTMLDOM入力範囲の最小プロパティ
HTML DOM入力範囲の最小プロパティは、範囲スライダーコントロールの最小属性値を設定または返すために使用されます。この属性は、スライダーコントロールの最小値を示すために使用され、スライダーが移動できる値の範囲を作成するためにminプロパティとともに使用されることがよくあります。 構文 以下は、-の構文です。 Rangeminプロパティの設定- rangeObject.min = number ここで、数字は最小スライダー制御値を表します。 例 入力範囲の最小プロパティの例を見てみましょう- <!DOCTYPE html> <html> <bo