HTML <button> atribut formmethod

Tanda <button> HTML

Definisi dan penggunaan

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

formmethod Atribut ini hanya digunakan untuk type="submit" tombol.

Data form dapat dikirim sebagai variabel URL (dengan method="get"）atau dikirim sebagai HTTP post (dengan method="post"）

Perhatian tentang metode "get":

  • Dia akan menambahkan data form dalam bentuk pasangan nama/nilai ke URL
  • Ini sangat berguna untuk pengiriman form yang pengguna ingin menambahkan ke bookmark
  • Kuantitas data yang dapat disisipkan di URL terbatas（berbeda-beda di browser），sehingga tidak dapat dijamin bahwa semua data form dapat dikirim dengan benar.
  • Jangan pernah gunakan metode "get" untuk mengirim informasi sensitif！（Kata sandi atau informasi sensitif lainnya akan muncul di area alamat browser）

Perhatian tentang metode "post":

  • Dia akan mengirim data form dalam transaksi HTTP POST
  • Form yang dikirim menggunakan metode "post" tidak dapat disimpan sebagai bookmark
  • Dibandingkan dengan metode "get", metode "post" lebih kuat dan aman
  • Tidak ada batas ukuran

Contoh

Berkaitan dengan form yang memiliki dua tombol pengiriman. Tombol pengiriman pertama menggunakan method="get" untuk mengirim data form, tombol pengiriman kedua menggunakan method="post" untuk mengirim data form:

<form action="/action_page.php" method="get">
  <label for="fname">Nama：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Nama keluarga：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">Kirim</button>
  <button type="submit" formmethod="post">Kirim dengan POST</button>
</form>

Coba Sendiri

Syarat

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

Nilai Atribut

Nilai Deskripsi
get Tambahkan data formulir ke URL:URL?name=value&name=value.
post Kirim data formulir sebagai transaksi HTTP post.

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.

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

Keterangan:formmethod Atribut adalah atribut baru di HTML 5.

Tanda <button> HTML