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

Thuộc tính form của HTML DOM Input Range được sử dụng để trả về tham chiếu form chứa thanh trượt range cho trước. Nếu thanh trượt nằm bên ngoài form thì trả về NULL. Thuộc tính này chỉ đọc (read-only).

Cú pháp

Cú pháp cho thuộc tính form của Input Range:

rangeObject.form

Ví dụ

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

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính form của Input Range</h1> 
<form id="FORM1"> 
<input type="range" id="RANGE1" name="VOL"> 
</form> 
<p>Lấy id form chứa thanh trượt trên bằng cách nhấn nút dưới đây</p> 
<button type="button" onclick="formId()">LẤY FORM</button> 
<p id="Sample"></p> 
<script> 
    function formId() { 
        var P=document.getElementById("RANGE1").form.id; 
        document.getElementById("Sample").innerHTML = "Id của form chứa thanh trượt 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 FORM:

Trong ví dụ trên:

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

<form id="FORM1"> <input type="range" id="RANGE1" name="VOL"> </form>

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

<button type="button" onclick="formId()">LẤY FORM</button>

Phương thức formId() dùng getElementById() để lấy trường range và lấy thuộc tính id của đối tượng form chứa thanh trượt. Gán cho biến P và hiển thị trong đoạn văn id="Sample":

function formId() { 
    var P=document.getElementById("RANGE1").form.id; 
    document.getElementById("Sample").innerHTML = "Id của form chứa thanh trượt là: "+P ; 
}