Thuộc tính kiểu Phạm vi đầu vào HTML DOM được liên kết với phần tử đầu vào có kiểu =”phạm vi”. Nó sẽ luôn trả về dải ô cho phần tử dải ô đầu vào.
Cú pháp
Sau đây là cú pháp cho thuộc tính loại phạm vi -
rangeObject.type
Ví dụ
Hãy để chúng tôi xem xét một ví dụ cho thuộc tính loại phạm vi -
<!DOCTYPE html>
<html>
<body>
<h1>Input range type Property</h1>
<form>
VOLUME <input type="range" id="RANGE1" name="VOL">
</form>
<p>Get the above input element type by clicking the below button</p>
<button type="button" onclick="rangeType()">GET Type</button>
<p id="Sample"></p>
<script>
function rangeType() {
var P=document.getElementById("RANGE1").type;
document.getElementById("Sample").innerHTML = "The type for the input field is: "+P ;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào phương pháp GET Type -
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” -
<form> VOLUME <input type="range" id="RANGE1" name="VOL"> <form>
Sau đó, chúng tôi đã tạo một nút “GET Type” sẽ thực thi phương thức rangeType () khi được người dùng nhấp vào -
<button type="button" onclick="rangeType()">Get Type</button>
Phương thức rangeType () nhận phần tử đầu vào bằng cách sử dụng phương thức getElementById () và gán giá trị thuộc tính kiểu của nó cho biến P. Sau đó, biến này được hiển thị trong đoạn có id “Sample” bằng cách sử dụng thuộc tính innerHTML -
function rangeType() {
var P = document.getElementById(“RANGE1").type;
document.getElementById("Sample").innerHTML = "The type for the input field is : "+P;
}