HTML <button> formmethod Atribut
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 formmethod
menentukan metode HTTP mana yang akan digunakan saat mengirim form-data. Atribut ini menimpa atribut formulir method
.
Atribut formmethod
hanya 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