Thuộc tính name của Fieldset trong HTML DOM

Thuộc tính name của đối tượng Fieldset trong HTML DOM được sử dụng để lấy hoặc thiết lập giá trị thuộc tính name của phần tử <fieldset>. Thuộc tính name giúp xác định dữ liệu form sau khi form đã được gửi đi hoặc đơn giản là tham chiếu đến các phần tử form.

Cú pháp

Cú pháp để thiết lập thuộc tính name của fieldset:

fieldsetObject.name = name

Trong đó, name chỉ định tên của fieldset.

Ví dụ

Dưới đây là ví dụ minh họa cho thuộc tính name của Fieldset:

<!DOCTYPE html> <html> <head> <script> 
    function fieldName() { 
        var field = document.getElementById("FieldSet1").name; 
        document.getElementById("Sample").innerHTML = "Tên fieldset là " + field; 
    } 
</script> </head> <body> 
<h1>FORM Mẫu</h1> 
<form id="FORM1"> 
    <fieldset id="FieldSet1" name="FS1"> 
        <legend>Dữ liệu người dùng:</legend> 
        Tên: <input type="text"><br> 
        Địa chỉ: <input type="text"><br> 
        Tuổi: <input type="text"> 
    </fieldset> 
</form> 
<br> 
<button onclick="fieldName()">LẤY TÊN</button> 
<p id="Sample"></p> 
</body> </html>

Kết quả

Khi nhấn nút "LẤY TÊN", tên fieldset sẽ được hiển thị.

Giải thích ví dụ

Chúng ta đã tạo một fieldset với name="FS1" và id="FieldSet1" bên trong phần tử form:

<form id="FORM1"> 
    <fieldset id="FieldSet1" name="FS1"> 
        <legend>Dữ liệu người dùng:</legend> 
        Tên: <input type="text"><br> 
        Địa chỉ: <input type="text"><br> 
        Tuổi: <input type="text"> 
    </fieldset> 
</form>

Tạo nút "LẤY TÊN" sẽ thực thi hàm fieldName() khi được nhấn:

<button onclick="fieldName()">LẤY TÊN</button>

Hàm fieldName() lấy phần tử fieldset bằng getElementById(), lấy giá trị thuộc tính name và gán cho biến field. Giá trị này sau đó được hiển thị trong đoạn văn có id="Sample" sử dụng thuộc tính innerHTML:

function fieldName() { 
    var field = document.getElementById("FieldSet1").name; 
    document.getElementById("Sample").innerHTML = "Tên fieldset là " + field; 
}