HTML <button> formmethod Atribut

tag <button> HTML

Contoh

Formulir dengan dua tombol kirim. Tombol kirim pertama mengirimkan data formulir dengan method="get", dan tombol kedua mengirimkan data formulir dengan metode="posting":

<form action="/action_page.php" method="get">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">Submit</button>
  <button type="submit" formmethod="post">Submit using POST</button>
</form>

Definisi dan Penggunaan

Atribut formmethodmenentukan metode HTTP mana yang akan digunakan saat mengirim form-data. Atribut ini menimpa atribut formulir method.

Atribut formmethodhanya digunakan untuk tombol dengan type="submit".

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

Catatan tentang metode "dapatkan":

  • itu menambahkan data-formulir ke URL dalam pasangan nama/nilai
  • ini berguna untuk pengiriman formulir di mana pengguna ingin menandai hasilnya
  • Ada batasan berapa banyak data yang dapat Anda tempatkan di URL (bervariasi di antara browser), oleh karena itu, Anda tidak dapat memastikan bahwa semua formulir-data akan ditransfer dengan benar
  • Jangan pernah menggunakan metode "dapatkan" untuk menyampaikan informasi sensitif! (kata sandi atau informasi sensitif lainnya akan terlihat di bilah alamat browser)

Catatan tentang metode "posting":

  • itu mengirimkan formulir-data sebagai transaksi posting HTTP
  • Pengiriman formulir dengan metode "posting" tidak dapat di-bookmark
  • itu lebih kuat dan aman daripada "mendapatkan"
  • itu tidak memiliki batasan ukuran

Dukungan Peramban

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung atribut tersebut.

Attribute
formmethod 9.0 10.0 4.0 5.1 15.0

Sintaksis

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

Nilai Atribut

Value Description
get Appends the form-data to the URL: URL?name=value&name=value
post Sends the form-data as an HTTP post transaction

tag <button> HTML