Atribut formMethod Tombol

Objek Tombol DOM HTML

Definisi dan penggunaan

formMethod Pengaturan atau kembalikan tombol Atribut formmethod nilai.

Atribut formmethod menentukan metode HTTP yang digunakan untuk mengirim data formulir. Atribut ini menimpa atribut method formulir.

Atribut formmethod hanya digunakan untuk tombol yang type="submit"

Data formulir dapat dikirim sebagai variabel URL (dengan method="get") atau HTTP post (dengan method="post")

Perhatian tentang metode "get":

  • Dia menambahkan data formulir dalam bentuk pasangan nama/nilai ke URL
  • Ini sangat berguna untuk pengiriman formulir yang pengguna ingin menandai hasilnya
  • Kuantitas data yang dapat disisipkan dalam URL terbatas (berbeda untuk browser yang berbeda), jadi Anda tidak dapat memastikan bahwa semua data formulir akan terkirim dengan benar
  • Jangan gunakan metode "get" untuk mengirim informasi sensitif! (Kata sandi atau informasi sensitif lain akan muncul di area alamat browser)

Perhatian tentang metode "post":

  • Dia mengirim data formulir sebagai transaksi HTTP post
  • Formulir yang dikirim menggunakan metode "post" tidak dapat ditandai dengan penanda
  • Lebih kuat dan aman daripada "get"
  • Tidak ada batas ukuran

Keterangan:Atribut formmethod Adalah atribut baru elemen <button> dalam HTML5.

Contoh

Contoh 1

Kembalikan metode HTTP yang digunakan untuk mengirim data formulir:

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

Coba sendiri

Contoh 2

Ubah metode pengiriman data formulir:

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

Coba sendiri

Contoh 3

Contoh lain untuk mengembalikan atribut formMethod:

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

Coba sendiri

Sintaks

Kembalikan atribut formMethod:

buttonObject.formMethod

Atur atribut formMethod:

buttonObject.formMethod = get|post

nilai atribut

nilai deskripsi
get Lampirkan data formulir ke URL: URL?name=value&name=value
post Kirimkan data formulir sebagai transaksi HTTP POST

Detil Teknis

Nilai kembalian: Nilai string, yang digunakan untuk mengirimkan metode HTTP ke server saat mengirimkan formulir.

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan 10.0 Dukungan Dukungan Dukungan

Halaman yang berhubungan

Panduan Referensi HTML:Properti formmethod <button> HTML

Objek Tombol DOM HTML