HTML DOM Input Gửi biểu mẫu Thuộc tínhethod

Thuộc tính HTML DOM Input Submit formMethod được sử dụng để thiết lập hoặc trả về giá trị thuộc tính formMethod của nút gửi. Điều này chỉ định phương thức HTTP nào sẽ được sử dụng khi gửi dữ liệu biểu mẫu đến máy chủ. Giá trị thuộc tính formMethod ghi đè giá trị thuộc tính phương thức được liên kết với phần tử

. Nó được giới thiệu trong HTML5 cho phần tử đầu vào với loại gửi.

Cú pháp

Sau đây là cú pháp cho -

Đặt thuộc tính formMethod -

submitObject.formMethod = get|post

Ở đây, get là phương thức mặc định và nối dữ liệu biểu mẫu vào url. Ví dụ:URL? Name =value &name =value. Nó thường không an toàn và có thể được sử dụng cho dữ liệu không riêng tư.

Người dùng có thể thấy dữ liệu được gửi bằng cách nhìn vào chuỗi url. Phương pháp thứ hai, bài đăng gửi dữ liệu dưới dạng một giao dịch bài đăng HTTP và thường được bảo mật. Vì không ai có thể xem dữ liệu khi dữ liệu đang được gửi đến máy chủ nên phương thức đăng không có bất kỳ giới hạn nào về kích thước như phương thức get.

Ví dụ

Hãy để chúng tôi xem xét một ví dụ cho thuộc tính Gửi formMethod -

<!DOCTYPE html>
<html>
<body>
<h1>Submit formMethod property</h1>
<form id="FORM_1" action="/Sample.php" style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id=“Loc”><br><br>
<input type="submit" id="SUBMIT1" formmethod="post">
</form>
<p>Set the formMethod attribute value of the above submit button inside the form to get
by clicking the below button</p>
<button onclick="changeMethod()">CHANGE</button>
<p id="Sample"></p>
<script>
   function changeMethod() {
      document.getElementById("SUBMIT1").formMethod = "get";
      document.getElementById("Sample").innerHTML = "The formaction attribute value has been changed from post to get";
}
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

HTML DOM Input Gửi biểu mẫu Thuộc tínhethod

Khi nhấp vào nút THAY ĐỔI -

HTML DOM Input Gửi biểu mẫu Thuộc tínhethod