Đối tượng HTML DOM Fieldset

Đối tượng Fieldset trong HTML DOM đại diện cho phần tử <fieldset> - dùng để nhóm các điều khiển form liên quan lại với nhau, thường đi kèm <legend> làm tiêu đề nhóm.

Thuộc tính

Thuộc tính	Mô tả
disabled	Đặt/ trả về trạng thái vô hiệu hóa của fieldset (vô hiệu hóa cả nhóm phần tử con).
form	Trả về tham chiếu đến form chứa fieldset này (chỉ đọc).
name	Đặt/ trả về giá trị thuộc tính `name` của fieldset.
type	Trả về kiểu phần tử (luôn là "fieldset", chỉ đọc).

Cú pháp

Tạo phần tử fieldset:

var fieldsetElement = document.createElement("FIELDSET");

Ví dụ

Ví dụ tạo động một fieldset chứa văn bản:

<!DOCTYPE html>
<html>
<head>
<script>
  function createFieldset() {
    var fs = document.createElement("FIELDSET");
    var txt = document.createTextNode("Phần tử FIELDSET đã được tạo");
    fs.appendChild(txt);
    document.body.appendChild(fs);
  }
</script>
</head>
<body>
<h2>Ví dụ đối tượng Fieldset</h2>
<p>Nhấn nút để tạo phần tử fieldset</p>
<button onclick="createFieldset()">TẠO</button>
<br><br>
</body>
</html>

Kết quả

Sau khi nhấn nút "TẠO", một khung fieldset (viền mặc định trình duyệt) xuất hiện chứa chữ "Phần tử FIELDSET đã được tạo".

Giải thích

Nút "TẠO" gọi hàm createFieldset().
Hàm tạo <fieldset> qua createElement("FIELDSET"), gán vào biến fs.
Tạo nút văn bản, gắn vào fieldset bằng appendChild().
Gắn fieldset vào body tài liệu.