Thuộc tính biểu mẫu HTML DOM Fieldset

Thuộc tính biểu mẫu HTML DOM Fieldset trả về tham chiếu biểu mẫu của đối tượng biểu mẫu kiểu. Đây là phần tử

có bên trong biểu mẫu đã cho đó. Nó là một tài sản chỉ đọc. Nếu tập trường được chỉ định không có bên trong biểu mẫu thì trả về null

Cú pháp

Sau đây là cú pháp cho thuộc tính biểu mẫu tập trường -

fieldsetObject.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ập trường -

<!DOCTYPE html>
<html>
<head>
<script>
   function formId() {
      var field = document.getElementById("FieldSet1").form.id;
      document.getElementById("Sample").innerHTML = "The id of the form in which fieldset
      element is present is "+field;
   }
</script>
</head>
<body>
<h1>Sample FORM</h1>
<form id="FORM1">
<fieldset id="FieldSet1">
<legend>User Data:</legend>
Name:<input type="text"><br>
Address:<input type="text"><br>
Age:<input type="text">
</fieldset>
</form>
<br>
<button onclick="formId()">GET ID</button>
<p id="Sample"></p>
</body>
</html>

Đầu ra

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

Thuộc tính biểu mẫu HTML DOM Fieldset

Khi nhấp vào nút GET ID -

Thuộc tính biểu mẫu HTML DOM Fieldset

Trong ví dụ trên -

Trước tiên, chúng tôi đã tạo phần tử

có id “FORM1” chứa phần tử

có id “FieldSet1” -

<form id="FORM1">
<fieldset id="FieldSet1">
<legend>User Data:</legend>
Name:<input type="text"><br>
Address:<input type="text"><br>
Age:<input type="text">
</fieldset>
</form>

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

<button onclick="formId()">GET ID</button>

Hàm formId () nhận phần tử tập trường bằng cách sử dụng getElementById () và sau đó nhận thuộc tính form.id của nó, trả về id biểu mẫu trong đó phần tử tập trường đã cho có mặt. Giá trị trả về form.id được gán cho biến trường. Sau đó, biến được hiển thị trong đoạn có id “Mẫu” được liên kết với nó và sử dụng thuộc tính innerHTML của nó để gán văn bản dự định -

function formId() {
   var field = document.getElementById("FieldSet1").form.id;
   document.getElementById("Sample").innerHTML = "The id of the form in which fieldset element is    present is "+field;
}