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

HTMLタグ一覧

HTML: <form> method属性

この記事では、HTML form method属性の使用方法について説明し、HTML form method属性の使用方法、ブラウザの互換性、構文定義、属性値の詳細情報などについてオンラインインスタンスで演示しています。

オンラインサンプル

「get」メソッドを使用してフォームを提出する：

サンプル

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　<form>　get　メソッドの使用-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<form　action="action_page.php"　method="get">
　　First　name:　<input　type="text"　name="fname"><br>
　　Last　name:　<input　type="text"　name="lname"><br>
　　<input　type="submit"　value="Submit">
</form>
</body>
</html>

テストをしてみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがmethod属性をサポートしています。

定義と用法

methodメソッドは、フォームデータをどのように送信するかを指定します（フォーム-data）（フォームデータは、action属性で指定されたページに送信されます）。

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

GETに関する注釈：

フォームデータを名前で/URLに値対の形式で付加されます
URLの長さには限界があります（約 3000文字）
絶対にGETでセキュリティデータを送信しないでください！（URLに表示されます）
ユーザーがブックマークに追加したいフォームの提出に非常に役立ちます
GETは非セキュリティデータ（例えばGoogleのクエリ文字列）に適しています

POSTに関する注釈：

フォームデータをHTTPリクエストのボディに付加します（データはURLに表示されません）
長さに制限はありません
POSTで提出されたフォームにはブックマークが追加できません

HTML 4.01 HTML5の違い

なし。

文法

<form method="get|post">

属性値

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

さらに例

「post」メソッドでフォームを提出します
「post」メソッドでフォームデータを送信します。

　HTML <form> タグ

HTML: <template> タグ