Thuộc tính type của Input Range trong HTML DOM

Thuộc tính type của HTML DOM Input Range liên kết với phần tử input có type="range". Nó luôn trả về "range" cho phần tử input range.

Cú pháp

Cú pháp cho thuộc tính type của range:

rangeObject.type

Ví dụ

Ví dụ minh họa cho thuộc tính type của Range:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính type của Input Range</h1> 
<form> 
ÂM LƯỢNG <input type="range" id="RANGE1" name="VOL"> 
</form> 
<p>Lấy loại phần tử input trên bằng cách nhấn nút dưới đây</p> 
<button type="button" onclick="rangeType()">LẤY TYPE</button> 
<p id="Sample"></p> 
<script> 
    function rangeType() { 
        var P=document.getElementById("RANGE1").type; 
        document.getElementById("Sample").innerHTML = "Loại cho trường input là: "+P ; 
    } 
</script> </body> </html>

Kết quả

Đoạn mã trên sẽ tạo ra kết quả như sau:

Khi nhấn nút LẤY TYPE:

Trong ví dụ trên:

Chúng ta tạo trường input trong form với type="range", id="RANGE1", name="VOL":

<form> ÂM LƯỢNG <input type="range" id="RANGE1" name="VOL"> </form>

Tạo nút "LẤY TYPE" thực thi phương thức rangeType() khi được nhấn:

<button type="button" onclick="rangeType()">LẤY TYPE</button>

Phương thức rangeType() lấy phần tử bằng getElementById() và gán giá trị thuộc tính type cho biến P. Hiển thị trong đoạn văn id="Sample" qua innerHTML:

function rangeType() { 
    var P = document.getElementById("RANGE1").type; 
    document.getElementById("Sample").innerHTML = "Loại cho trường input là: "+P; 
}