Button formMethod属性

HTML DOM Button オブジェクト

定義と使用方法

formMethod 属性設定またはボタンの formmethod属性 の値。

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

formmethod属性はtype="submit"のボタンにのみ適用されます。

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

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

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

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

  • フォームデータをHTTP postトランザクションとして送信します
  • postメソッドで送信されたフォームにはブックマークが追加できません
  • getよりも堅牢で安全です
  • サイズに制限はありません

注記：formmethod属性 HTML5の<button>要素の新しい属性です。

例

例 1

送信時の HTTP メソッドを返却する：

var x = document.getElementById("myBtn").formMethod;

自分で試してみてください

例 2

送信するフォームデータの方法を変更する：

document.getElementById("myBtn").formMethod = "post";

自分で試してみてください

例 3

formMethod 属性の返却に関する別の例：

var x = document.getElementById("myBtn").formMethod;

自分で試してみてください

文法

formMethod 属性の返却：

buttonObject.formMethod

formMethod 属性の設定：

buttonObject.formMethod = get|post

属性値

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

技術的詳細

返り値： サーバーにフォームを送信するために使用される HTTP メソッドを示す文字列値。

ブラウザのサポート

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

関連ページ

HTML リファレンスマニュアル：HTML <button> formmethod 属性

HTML DOM Button オブジェクト