HTML <button> Thuộc tính formmethod

❮ Thẻ HTML <button>

Thí 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 method = "get" và nút thứ hai gửi dữ liệu biểu mẫu với method = "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>

Định nghĩa và Cách sử dụng

Thuộc formmethodtính 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 của biểu mẫu method.

Thuộc formmethodtính 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 thức "get":

  • nó nối dữ liệu biểu mẫu vào URL trong các cặp tên / giá trị
  • nó hữu ích cho việc gửi biểu mẫu mà người dùng muốn đánh dấu kết quả
  • Có giới hạn về số lượng dữ liệu bạn có thể đặt trong một URL (thay đổi 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 một cách chính xác
  • Không bao giờ sử dụng phương pháp "lấy" để chuyể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 một giao dịch bài HTTP
  • Không thể đánh dấu các bài gửi biểu mẫu bằng phương pháp "bài đă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.

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>