Thuộc tính phương thức biểu mẫu HTML <button>
Ví dụ
Một biểu mẫu có hai nút gửi. Nút gửi đầu tiên gửi dữ liệu biểu mẫu bằng phương thức = "get" và nút thứ hai gửi dữ liệu biểu mẫu bằng phương thức = "post":
<form action="/action_page.php" method="get">
<label for="fname">First name:</label>
<input type="text" id="fname"
name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<button type="submit">Submit</button>
<button type="submit" formmethod="post">Submit using POST</button>
</form>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính formmethod
chỉ định phương thức HTTP nào sẽ sử dụng khi gửi dữ liệu biểu mẫu. Thuộc tính này ghi đè thuộc tính method
của biểu mẫu.
Thuộc tính formmethod
chỉ được sử dụng cho các nút có type="submit"
.
Dữ liệu biểu mẫu có thể được gửi dưới dạng biến URL (với method="get"
) hoặc dưới dạng bài đăng HTTP (với method="post"
).
Lưu ý về phương pháp "get":
- nó nối dữ liệu biểu mẫu vào URL theo cặp tên/giá trị
- nó rất hữu ích cho việc gửi biểu mẫu khi người dùng muốn đánh dấu kết quả
- Có giới hạn về lượng dữ liệu bạn có thể đặt trong một URL (khác nhau giữa các trình duyệt), do đó, bạn không thể chắc chắn rằng tất cả dữ liệu biểu mẫu sẽ được chuyển chính xác
- Đừng bao giờ sử dụng phương thức "get" để truyền thông tin nhạy cảm! (mật khẩu hoặc thông tin nhạy cảm khác sẽ hiển thị trên thanh địa chỉ của trình duyệt)
Lưu ý về phương pháp "đăng":
- nó gửi dữ liệu biểu mẫu dưới dạng giao dịch bài đăng HTTP
- Không thể đánh dấu việc gửi biểu mẫu bằng phương thức "đăng"
- nó mạnh mẽ và an toàn hơn "get"
- nó không có giới hạn về kích thước
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.
Attribute | |||||
---|---|---|---|---|---|
formmethod | 9.0 | 10.0 | 4.0 | 5.1 | 15.0 |
Cú pháp
<button type="submit" formmethod="get|post">
Giá trị thuộc tính
Value | Description |
---|---|
get | Appends the form-data to the URL: URL?name=value&name=value |
post | Sends the form-data as an HTTP post transaction |
❮ Thẻ HTML <button>