Thuộc tính biểu mẫu Đặt lại đầu vào HTML DOM

Thuộc tính biểu mẫu Đặt lại đầu vào HTML DOM được sử dụng để trả về tham chiếu biểu mẫu có chứa nút đặt lại đã cho. Nếu nút đặt lại 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 Đặt lại đầu vào.

resetObject.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 Đặt lại đầu vào -

<!DOCTYPE html>
<html>
<body>
<h1>Input reset form Property</h1>
<form id="FORM_1" style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id="Age"> <br><br>
<input type="reset" id="RESET1">
</form>
<p>Get the form id by 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("RESET1").form.id;
      document.getElementById("Sample").innerHTML = "The id of the form containing the reset button is: "+P ;
   }
</script>
</body>
</html>

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

Thuộc tính biểu mẫu Đặt lại đầu vào HTML DOM

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

Thuộc tính biểu mẫu Đặt lại đầu vào HTML DOM

Trong ví dụ trên -

Chúng tôi đã tạo một phần tử với type =”reset”, id =”RESET1”. Nhấp vào nút này sẽ đặt lại dữ liệu biểu mẫu. Nút này nằm bên trong biểu mẫu có chứa hai trường văn bản và biểu mẫu cũng có kiểu nội tuyến được áp dụng cho nó.

<form style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id="Age"> <br><br>
<input type="reset" id="RESET1">
</form>

Sau đó, chúng tôi tạo một nút GET FORM sẽ thực thi phương thức formId () khi được 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 có đặt lại kiểu và nhận thuộc tính id của đối tượng biểu mẫu có chứa nút đặt lại. 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("RESET1").form.id;
   document.getElementById("Sample").innerHTML = "The id of the form containing the reset button is: "+P ;
}