HTML <button> formmethod 属性

HTML <button> タグ

定義と用法

formmethod 属性はフォームデータを送信する際に使用する HTTP メソッドを定義します。この属性はフォームの method 属性をオーバーライドします。

formmethod 属性は type="submit" のボタン。

フォームデータは URL 変数として送信できます（ method="get")または HTTP post で送信（ method="post")

「get」メソッドに関する注意点：

  • フォームデータを名前/値の形式で URL に付加します
  • ユーザーが結果をブックマークに追加したいフォームの送信に非常に役立ちます
  • URLに置けるデータ量は限られています（ブラウザによって異なります）ため、すべてのフォームデータが正しく送信されることを保証できません。
  • 決して「get」メソッドで機密情報を送信しないでください！（パスワードや他の機密情報はブラウザのアドレスバーに表示されます）

「post」メソッドに関する注意点：

  • フォームデータを HTTP POST トランザクションとして送信します
  • 「post」メソッドで送信されたフォームはブックマークとして保存できません
  • 「get」メソッドに比べて、「post」メソッドはより安定して安全です
  • サイズに制限はありません

例

二つの送信ボタンを持つフォーム。最初の送信ボタンは method="get" を使用してフォームデータを送信し、二つ目の送信ボタンは method="post" を使用してフォームデータを送信します：

<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>
  <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 で新しい属性です。

HTML <button> タグ