Thuộc tính tên bộ trường DOM HTML

Thuộc tính tên HTML DOM Fieldset name được sử dụng để lấy hoặc đặt giá trị thuộc tính name của phần tử

. Thuộc tính name giúp xác định dữ liệu biểu mẫu sau khi biểu mẫu đã được gửi hoặc chỉ để tham chiếu đến các thành phần biểu mẫu.

Cú pháp

Sau đây là cú pháp cho -

Đặt thuộc tính tên tập trường -

fieldsetObject.name = name

Ở đây, name chỉ định tên tập trường.

Ví dụ

Hãy để chúng tôi xem xét một ví dụ cho thuộc tính tên tập trường -

<!DOCTYPE html>
<html>
<head>
<script>
   function fieldName() {
      var field = document.getElementById("FieldSet1").name;
      document.getElementById("Sample").innerHTML = "The fieldset name is "+field;
   }
</script>
</head>
<body>
<h1>Sample FORM</h1>
<form id="FORM1">
<fieldset id="FieldSet1" name="FS1">
<legend>User Data:</legend>
Name: <input type="text"><br>
Address: <input type="text"><br>
Age: <input type="text">
</fieldset>
</form>
<br>
<button onclick="fieldName()">GET NAME</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 tên bộ trường DOM HTML

Khi nhấp vào nút NHẬN TÊN -

Thuộc tính tên bộ trường DOM HTML

Trong ví dụ trên -

Đầu tiên, chúng tôi đã tạo một tập trường với tên “FS1” và id “FieldSet1” bên trong một phần tử biểu mẫu -

<form id="FORM1">
<fieldset id="FieldSet1" name="FS1">
<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 NAME sẽ thực thi phương thức fieldname () khi người dùng nhấp vào -

<button onclick="fieldName()">GET NAME</button>

Phương thức fieldname () nhận phần tử tập trường bằng phương thức getElementById (). Sau đó, nó nhận giá trị thuộc tính name và gán nó vào trường biến. Giá trị này sau đó được hiển thị trong đoạn có id “Sample” và gán văn bản cho nó bằng thuộc tính innerHTML -

function fieldName() {
   var field = document.getElementById("FieldSet1").name;
   document.getElementById("Sample").innerHTML = "The fieldset name is "+field;
}