HTML リファレンスマニュアル

HTML タグ一覧

HTML: <input> formmethod 属性

formmethod属性は、フォームデータを操作URLに送信するためのHTTPメソッドを定義します。formmethod属性は、<form>要素のmethod属性をオーバーライドします。注意：formmethod属性はtype =“submit”およびtype =“image”と一緒に使用できます。

　HTML <input> タグ

オンラインサンプル

二つ目のサブミットボタンは以下の形式のHTTPメソッドをオーバーライドします：

例

!DOCTYPE　html>
<html>
<head>
<title>HTML:<input> formmethod 属性　-　基本チュートリアル網(oldtoolbag.com)</title>
<body>
<form　action="action_page.php"　method="get"　target="_blank">
　　First name:　<input　type="text"　name="fname"><br>
　　Last name:　<input　type="text"　name="lname"><br>
　　<input　type="submit"　value="サブミット">
　　<input　type="submit"　formmethod="post"　value="POSTを使用してサブミット">
</form>
</body>
</html>

テストをしてみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Internet Explorer 10、Firefox、Opera、Chrome、Safariがformmethod属性をサポートしています。

注意：Internet Explorer 9 及びその以前のバージョンでは、<input>タグのformmethod属性をサポートしていません。

定義と用法

formmethod属性は、フォームデータをaction URLに送信するHTTPメソッドを定義します。

formmethod属性は<form>要素の method 　属性。

注意：formmethod属性はtype="submit"とtype="image"と組み合わせて使用されます。

フォームデータは、URL変数の形式（method="get"）またはHTTPポストトランザクションの形式（method="post"）で送信できます。

「get」メソッドに関するコメント：

この方法は、フォームデータを名前で/値対形式でURLに追加されます。
この方法は、ユーザーがブックマークに追加したいフォームのサブミットに非常に役立ちます。
URLの長さは限られています（ブラウザごとに制限が異なります）、したがって、すべてのフォームデータが正しく送信されるかどうかを確定できません
絶対に「get」メソッドを使用して sensitive データを送信しないでください！（例えばパスワードや他の sensitive インフォメーションは、ブラウザのアドレスバーで見ることができます）、

"post" メソッドに関する注釈：

このメソッドはフォームデータを HTTP POST トランザクションとして送信します
「post」メソッドで送信されたフォームはブックマークに追加できません
"post" メソッドは "get" よりも安全で、"post" には長さ制限がありません

HTML 4.01 と HTML5の間の違い

formmethod 属性は HTML5 の新しい属性。

構文

<input formmethod="get|post">

属性値

値	説明
get	デフォルト。フォームデータ（form-data）を名前で/値対の形式で URL に付加：URL?name=value&name=value。
post	フォームデータを HTTP POST トランザクションとして送信（form-data）。

　HTML <input> タグ

HTML: <template> タグ