HTML <button> atribut formmethod

Tanda <button> HTML

Definisi dan penggunaan

formmethod Atribut ini menentukan kaedah HTTP yang digunakan untuk menghantar data borang. Atribut ini menimbulkan kelebihan bagi atribut method borang.

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

Data borang boleh dihantar sebagai variable URL (dengan method="get") atau dihantar sebagai HTTP post (dengan method="post")

Perhatian tentang kaedah "get":

  • Ia akan menambah data borang dalam bentuk pasangan nama/nilai ke URL
  • Ini sangat berguna untuk penghantaran borang yang pengguna mahu menambahkan hasilnya ke bookmark
  • Jumlah data yang boleh disimpan di URL terhad (berbeza-belia untuk pelayar yang berbeza), oleh itu, tiada jaminan bahawa semua data borang boleh disiarkan dengan betul.
  • Jangan pernah gunakan kaedah "get" untuk menghantar maklumat sensitif (kata laluan atau maklumat sensitif lain akan dipaparkan di bar alamat pelayar)

Perhatian tentang kaedah "post":

  • Ia akan menghantar data borang sebagai transaksi HTTP POST
  • Borang yang dihantar menggunakan kaedah "post" tidak dapat disimpan sebagai bookmark
  • Dibandingkan dengan kaedah "get", kaedah "post" lebih kuat dan selamat
  • Tidak ada batasan saiz

Contoh

Borang dengan dua butang penghantar. Butang penghantar pertama menggunakan method="get" untuk menghantar data borang, dan butang penghantar kedua menggunakan method="post" untuk menghantar data borang：

<form action="/action_page.php" method="get">
  <label for="fname">Buat nama：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Buat nama keluarga：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">提交</button>
  <button type="submit" formmethod="post">使用 POST 提交</button>
</form>

亲自试一试

语法

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

属性值

值 描述
get 将表单数据附加到 URL：URL?name=value&name=value。
post 将表单数据作为 HTTP post 事务发送。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

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

注释：formmethod 属性是 HTML 5 中的新属性。

Tanda <button> HTML