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

Thẻ <input> HTML

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

formmethod thuộc tính của thẻ <form> quy định phương pháp HTTP được sử dụng để gửi dữ liệu mẫu.

formmethod thuộc tính thay thế thuộc tính Thuộc tính method.

Lưu ý:formmethod thuộc tính có thể được type="submit" và type="image" sử dụng chung.

Dữ liệu mẫu có thể được gửi dưới dạng biến URL (method="get") hoặc dưới dạng giao dịch HTTP post (method="post")

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

  • Nó sẽ附加表单数据 dưới dạng tên/giá trị vào URL
  • Điều này rất hữu ích cho việc gửi mẫu form mà người dùng muốn thêm 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 đều được truyền đúng cách.
  • Mời bạn đừ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 dưới dạng giao dịch HTTP POST
  • Mẫu 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ó tính bền vững và an toàn hơn
  • Nó không có giới hạn về kích thước

Mẫu

Nút submit thứ hai che盖表单的 HTTP phương pháp：

<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>
  <input type="submit" value="Gửi">
  <input type="submit" formmethod="post" value="Gửi bằng POST">
</form>

Thử ngay

Cú pháp

<input formmethod="get|post">

Giá trị thuộc tính

Giá trị Mô tả
get Mặc định. Thêm dữ liệu biểu mẫu dưới dạng cặp tên/giá trị 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 cho biết phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ 10.0 Hỗ trợ 5.1 10.6

Thẻ <input> HTML