Thuộc tính biểu mẫu Phạm vi đầu vào HTML DOM

Thuộc tính biểu mẫu Phạm vi đầu vào HTML DOM được sử dụng để trả về tham chiếu biểu mẫu có chứa thanh trượt phạm vi đầu vào đã cho. Nếu thanh trượt phạm vi nằm ngoài biểu mẫu thì nó sẽ chỉ trả về NULL. Thuộc tính này ở chế độ chỉ đọc.

Cú pháp

Sau đây là cú pháp cho thuộc tính biểu mẫu phạm vi đầu vào.

rangeObject.form

Ví dụ

Hãy để chúng tôi xem xét một ví dụ cho thuộc tính Biểu mẫu phạm vi đầu vào -

<!DOCTYPE html>
<html>
<body>
<h1>Input range form Property</h1>
<form id="FORM1">
<input type="range" id="RANGE1" name="VOL">
</form>
<p>Get the form id which contains the above range slider clicking on the below button</p>
<button type="button" onclick="formId()">GET FORM</button>
<p id="Sample"></p>
<script>
   function formId() {
      var P=document.getElementById("RANGE1").form.id;
      document.getElementById("Sample").innerHTML = "The id of the form containing the range slider is: "+P ;
}
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Thuộc tính biểu mẫu Phạm vi đầu vào HTML DOM

Khi nhấp vào nút NHẬN MẪU -

Thuộc tính biểu mẫu Phạm vi đầu vào HTML DOM

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”. Biểu mẫu có thuộc tính id được đặt thành “FORM1” -

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

Sau đó, chúng tôi đã tạo một nút GET FORM sẽ thực thi phương thức formId () khi người dùng nhấp vào -

<button type="button" onclick="formId()">GET FORM</button>

Phương thức formId () 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 thuộc tính id của đối tượng biểu mẫu có chứa thanh trượt phạm vi. Sau đó, nó gán giá trị này cho biến P và hiển thị trong đoạn văn có id “Sample” bằng cách sử dụng thuộc tính innerHTML -

function formId() {
   var P=document.getElementById("RANGE1").form.id;
   document.getElementById("Sample").innerHTML = "The id of the form containing the range slider is: "+P ;
}