Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

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

Thuộc tính name của Input Submit trong HTML DOM dùng để thiết lập hoặc trả về thuộc tính name của nút submit. Thuộc tính name giúp xác định dữ liệu form sau khi submit lên server.

Cú pháp

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

submitObject.name = name

Ví dụ

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

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính name của Input Submit</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="Loc"> <br><br> 
    <input type="submit" id="SUBMIT1" name="BTN1"> 
</form> 
<p>Thay đổi tên của nút submit 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("SUBMIT1").name = "SUB_BTN"; 
        document.getElementById("Sample").innerHTML = "Tên nút submit bây giờ là SUB_BTN"; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "THAY ĐỔI TÊN", name chuyển từ "BTN1" sang "SUB_BTN".