Thuộc tính formMethod của nút

HTML DOM Button đối tượng

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

formMethod thiết lập hoặc trả về thuộc tính của nút thuộc tính formmethod giá trị.

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

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

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

lưu ý về phương thức "get":

  • nó sẽ附加 biểu mẫu dữ liệu dưới dạng cặp tên/giá trị vào URL
  • điều này rất hữu ích cho việc gửi biểu mẫu mà người dùng muốn bookmark kết quả
  • lượng dữ liệu có thể đặt trong URL là có giới hạn（thuộc về trình duyệt），vì vậy, bạn không thể đảm bảo rằng tất cả dữ liệu biểu mẫu sẽ được truyền đúng cách
  • không nên 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ị trong thanh địa chỉ của trình duyệt）

lưu ý về phương thức "post":

  • nó sẽ gửi dữ liệu biểu mẫu dưới dạng giao dịch HTTP post
  • biểu mẫu gửi bằng phương thức "post" không thể thêm bookmark
  • đảm bảo hơn và an toàn hơn so với "get"
  • không có giới hạn kích thước

ghi chú:thuộc tính formmethod là thuộc tính mới của thẻ <button> trong HTML5.

mô hình

ví dụ 1

trả về phương thức HTTP được sử dụng để gửi dữ liệu biểu mẫu:

var x = document.getElementById("myBtn").formMethod;

thử ngay

ví dụ 2

thay đổi phương thức gửi dữ liệu biểu mẫu:

document.getElementById("myBtn").formMethod = "post";

thử ngay

ví dụ 3

ví dụ khác để trả về thuộc tính formMethod:

var x = document.getElementById("myBtn").formMethod;

thử ngay

cú pháp

trả về thuộc tính formMethod:

buttonObject.formMethod

thiết lập thuộc tính formMethod:

buttonObject.formMethod = get|post

giá trị thuộc tính

giá trị mô tả
get Gắn 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

Chi tiết kỹ thuật

Giá trị trả về: Giá trị chuỗi, biểu thị phương thức HTTP được sử dụng để gửi biểu mẫu lên máy chủ.

Hỗ trợ trình duyệt

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

Trang liên quan

Hướng dẫn HTML:Thuộc tính formmethod của HTML <button>

HTML DOM Button đối tượng