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

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

Thuộc tính formMethod của Input Submit trong HTML DOM dùng để thiết lập hoặc trả về giá trị thuộc tính formMethod của nút submit. Thuộc tính này chỉ định phương thức HTTP dùng khi gửi dữ liệu form đến server. Giá trị formMethod ghi đè thuộc tính method của phần tử <form>. Được giới thiệu trong HTML5 cho input type submit.

Cú pháp

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

submitObject.formMethod = get|post

get: mặc định, nối dữ liệu vào URL (không an toàn). post: gửi qua HTTP post transaction (an toàn hơn, không giới hạn kích thước như get).

Ví dụ

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

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính formMethod của Submit</h1> 
<form id="FORM_1" action="/Sample.php" 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" formmethod="post"> 
</form> 
<p>Thiết lập formMethod của nút submit thành get bằng cách nhấn nút dưới đây</p> 
<button onclick="changeMethod()">THAY ĐỔI</button> 
<p id="Sample"></p> 
<script> 
    function changeMethod() { 
        document.getElementById("SUBMIT1").formMethod = "get"; 
        document.getElementById("Sample").innerHTML = "Thuộc tính formaction đã thay đổi từ post sang get"; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "THAY ĐỔI", formMethod của nút submit chuyển từ "post" sang "get".