資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式語言
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究HTML DOM 輸入範圍的最小屬性
用於設定或獲取範圍滑塊控制元件的 min 屬性值的 HTML DOM 輸入範圍 min 屬性。該屬性用於指示滑塊控制元件的最小值，經常與 min 屬性一起使用，在滑塊可以移動的最小值和最大值之間建立一個值範圍。
語法
以下是語法 −
設定範圍的最小值屬性 −
rangeObject.min = number
在這裡，數字表示滑塊的最小控制值。
示例
讓我們看一個輸入範圍 min 屬性的示例 −
<!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>輸出
這將生成以下輸出 −
點選獲取最小值按鈕 −
在上面的示例中 −
我們建立了一個 input 域，該域包含在一個 type=“range”、id=“RANGE1”、name=“VOL” 的表單中，並且 min 屬性值設定為 15 −
<form> VOLUME <input type="range" id="RANGE1" name="VOL" min="15"> <form>
然後，我們建立了一個獲取最小值按鈕，當用戶單擊該按鈕時，它將執行 minVal() 方法 −
<button type="button" onclick="minVal()">GET MIN</button>
minVal() 方法使用 getElementById() 方法獲取 input 域，該域具有類型範圍並獲取其 min 屬性值。返回的值表示滑塊可以具有的最小值，然後分配給變數 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;
}
更新於： 2019 年 8 月 22 日
90 次瀏覽
廣告