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

Thuộc tính name của Input Reset trong HTML DOM được sử dụng để thiết lập hoặc trả về thuộc tính name của nút reset. Thuộc tính name giúp xác định dữ liệu form sau khi đã được gửi đến server.

Cú pháp

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

resetObject.name = name

Trong đó, name dùng để chỉ định tên của nút reset.

Ví dụ

Ví dụ minh họa cho thuộc tính name của Reset:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính name của Input Reset</h1> 
<form style="border:solid 2px green;padding:2px"> 
    Tên người dùng: <input type="text" id="USR"> <br> 
    Vị trí: <input type="text" id="Age"><br><br> 
    <input type="reset" id="RESET1"> 
</form> 
<p>Thay đổi tên của nút reset trên bằng cách nhấn nút dưới đây</p> 
<button type="button" onclick="changeName()">THAY ĐỔI TÊN</button> 
<p id="Sample"></p> 
<script> 
    function changeName() { 
        document.getElementById("RESET1").name = "RES_BTN"; 
        document.getElementById("Sample").innerHTML = "Tên nút reset bây giờ là RES_BTN"; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "THAY ĐỔI TÊN", thuộc tính name của nút reset sẽ được thiết lập thành "RES_BTN".

Giải thích ví dụ

Tạo phần tử <input> với type="reset", id="RESET1". Nút này nằm trong form chứa hai trường văn bản và form có style inline.

Tạo nút "THAY ĐỔI TÊN" sẽ thực thi hàm changeName() khi được nhấn:

<button type="button" onclick="changeName()">THAY ĐỔI TÊN</button>

Hàm changeName() sử dụng getElementById() để lấy trường input type reset và thiết lập thuộc tính name thành "RES_BTN". Thay đổi này được phản ánh trong đoạn văn id="Sample" sử dụng innerHTML:

function changeName() { 
    document.getElementById("RESET1").name = "RES_BTN"; 
    document.getElementById("Sample").innerHTML = "Tên nút reset bây giờ là RES_BTN"; 
}