HTML <input> formmethod 属性

HTML <input> タグ

定义和用法

formmethod 属性规定发送表单数据时使用的 HTTP 方法。

formmethod 属性覆盖了 <form> 元素的 method 属性。

注意：formmethod 属性可以与 type="submit" 和 type="image" 一起使用。

表单数据可以作为 URL 变量 (method="get") 或作为 HTTP post 事务 (method="post") 发送。

关于 "get" 方法的注意事项：

  • 它将表单数据以名称/值对的形式附加到 URL
  • 这对于用户希望将结果加为书签的表单提交非常有用
  • URL中可以放置的数据量有限（因浏览器而异），因此无法确保所有表单数据都能正确传输。
  • 永远不要使用“get”方法传递敏感信息！（密码或其他敏感信息将显示在浏览器的地址栏中）

关于 "post" 方法的注意事项：

  • 它将表单数据作为 HTTP POST 事务发送
  • 使用“post”方法提交的表单无法作为书签保存
  • 与“get”方法相比，“post”方法更健壮和安全
  • 它没有大小限制

实例

第二个提交按钮覆盖了表单的 HTTP 方法：

<form action="/action_page.php" method="get">
  <label for="fname">名字：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">姓氏：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="提出">
  <input type="submit" formmethod="post" value="POSTを使って提出する">
</form>

自分で試してみる

文法

<input formmethod="get|post">

属性値

値 説明
get デフォルト。フォームデータを名前/値ペアとして URL に付加します：URL?name=value&name=value。
post フォームデータを HTTP POST トランザクションとして送信します。

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート 10.0 サポート 5.1 10.6

HTML <input> タグ