tutorial pengembangan web terbaru
 

HTML <button> formmethod Attribute

<HTML <button> tag

Contoh

Bentuk dengan dua tombol submit. Pertama tombol submit menyerahkan data formulir dengan method="get" , dan yang kedua menyerahkan data formulir dengan method="post" :

<form action="demo_form.asp" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <button type="submit">Submit</button>
  <button type="submit" formmethod="post" formaction="demo_post.asp">Submit using POST</button>
</form>
Cobalah sendiri "

Definisi dan Penggunaan

The formmethod atribut menentukan metode yang HTTP untuk digunakan ketika mengirimkan form-data. Atribut ini menimpa form method atribut.

The formmethod atribut hanya digunakan untuk tombol dengan type="submit" .

Bentuk-data dapat dikirim sebagai variabel URL (dengan method="get" ) atau sebagai HTTP post (dengan method="post" ).

Catatan dari "get" metode:

  • itu menambahkan bentuk-data ke URL nama / pasangan nilai
  • hal ini berguna untuk pengiriman form di mana pengguna ingin bookmark hasilnya
  • Ada batas untuk berapa banyak data yang Anda dapat menempatkan di URL (bervariasi antara browser), oleh karena itu, Anda tidak bisa yakin bahwa semua bentuk-data akan ditransfer dengan benar
  • Tidak pernah menggunakan "get" metode untuk menyampaikan informasi sensitif! (Password atau informasi sensitif lainnya akan terlihat di address bar browser)

Catatan tentang "post" metode:

  • itu mengirimkan form-data sebagai transaksi pos HTTP
  • Pengiriman form dengan "post" metode tidak dapat di-bookmark
  • itu lebih kuat dan aman dari "get"
  • tidak memiliki batasan ukuran

Dukungan Browser

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

Atribut
formmethod 9.0 10,0 4.0 5.1 10.6

Perbedaan Antara HTML 4.01 dan HTML5

The formmethod atribut baru dalam HTML5.


Sintaksis

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

atribut Nilai

Nilai Deskripsi
get Menambahkan bentuk-data ke URL: URL?name=value&name=value
post Mengirimkan form-data sebagai HTTP post transaksi

<HTML <button> tag