Thuộc tính formmethod của thẻ HTML <button>

Thẻ HTML <button>

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

formmethod Thuộc tính quy định phương pháp HTTP được sử dụng để gửi dữ liệu mẫu đơn. Thuộc tính này che phủ thuộc tính method của mẫu đơn.

formmethod Thuộc tính chỉ được sử dụng cho type="submit" nút.

Dữ liệu mẫu đơn có thể được gửi dưới dạng biến URL (sử dụng method="get"），hoặc gửi bằng HTTP post (sử dụng method="post")

Lưu ý về phương pháp "get":

  • Nó sẽ附加表单数据以名称/值对的形式到 URL
  • Điều này rất hữu ích cho việc gửi mẫu đơn mà người dùng muốn thêm kết quả vào Bookmark
  • Số lượng dữ liệu có thể đặt trong URL có giới hạn (tùy thuộc vào trình duyệt), vì vậy không thể đảm bảo rằng tất cả dữ liệu mẫu đơn đều được truyền đúng cách.
  • Mời đừng bao giờ sử dụng phương pháp "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ị trong thanh địa chỉ của trình duyệt）

Lưu ý về phương pháp "post":

  • Nó sẽ gửi dữ liệu mẫu đơn dưới dạng giao dịch HTTP POST
  • Mẫu đơn gửi bằng phương pháp "post" không thể được lưu làm Bookmark
  • So với phương pháp "get", phương pháp "post" được coi là mạnh mẽ và an toàn hơn
  • Nó không có giới hạn về kích thước

Mẫu

Mẫu đơn có hai nút gửi. Nút gửi đầu tiên sử dụng method="get" để gửi dữ liệu mẫu đơn, nút gửi thứ hai sử dụng method="post" để gửi dữ liệu mẫu đơn:

<form action="/action_page.php" method="get">
  <label for="fname">Tên:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Họ:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">Gửi</button>
  <button type="submit" formmethod="post">Sử dụng POST để gửi</button>
</form>

Thử nghiệm trực tiếp

Cú pháp

<button type="submit" formmethod="get|post">

Giá trị thuộc tính

Giá trị Mô tả
get Chính thức thêm dữ liệu biểu mẫu vào URL:URL?name=value&name=value。
post Gửi dữ liệu biểu mẫu dưới dạng giao dịch HTTP post.

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
9.0 10.0 4.0 5.1 15.0

Ghi chú：formmethod Thuộc tính là thuộc tính mới trong HTML 5.

Thẻ HTML <button>