Thuộc tính min Phạm vi đầu vào HTML DOM được sử dụng để thiết lập hoặc trả về giá trị thuộc tính tối thiểu cho điều khiển thanh trượt phạm vi. Thuộc tính này được sử dụng để chỉ ra giá trị nhỏ nhất của điều khiển thanh trượt và thường được sử dụng với thuộc tính min để tạo một phạm vi giá trị mà giữa đó thanh trượt có thể di chuyển.
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính Phạm vi min -
rangeObject.min = number
Ở đây, số đại diện cho giá trị điều khiển thanh trượt tối thiểu.
Ví dụ
Hãy để chúng tôi xem xét một ví dụ cho thuộc tính phạm vi đầu vào 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> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút NHẬN MIN -
Trong ví dụ trên -
Chúng tôi đã tạo một trường đầu vào chứa bên trong một biểu mẫu có type =“range”, id =“RANGE1”, name =“VOL” và giá trị thuộc tính tối thiểu được đặt thành 15 -
<form> VOLUME <input type="range" id="RANGE1" name="VOL" min="15"> <form>
Sau đó, chúng tôi đã tạo một nút GET MIN sẽ thực thi phương thức minVal () khi người dùng nhấp vào -
<button type="button" onclick="minVal()">GET MIN</button>
Phương thức minVal () sử dụng phương thức getElementById () để lấy trường đầu vào với phạm vi kiểu và nhận giá trị thuộc tính min của nó. Giá trị trả về biểu thị giá trị tối thiểu mà thanh trượt có thể có sau đó được gán cho biến R. Giá trị này sau đó được hiển thị trong đoạn có id “Sample” bằng cách sử dụng thuộc tính innerHTML -
function minVal() {
var R= document.getElementById("RANGE1").min;
document.getElementById("Sample").innerHTML = "The minimum value for this range slider is "+R;
}