HTML <input> formmethod属性
例
2番目の送信ボタンがフォームの HTTP メソッドを上書きします:
<form action="demo-form.php" method="get">
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" formaction="demo-post.php" value="使用 POST 提交">
</form>
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" formaction="demo-post.php" value="使用 POST 提交">
</form>
試してみる »
ブラウザサポート
![]()
![]()
![]()
![]()
![]()
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 POST トランザクションとして送信することができます(method="post")。
"get" メソッドに関する注記:
- このメソッドはフォームデータを名前/値のペアとして URL に追加します。
- このメソッドは、ユーザーがブックマークしたいフォーム送信に役立ちます。
- URL の長さには制限があり(ブラウザによって制限は異なります)、そのため、すべてのフォームデータが正しく転送されるかどうかを確信できません。
- 絶対に "get" メソッドを使用して機密データを送信しないでください!(例えばパスワードやその他の機密情報は、ブラウザのアドレスバーに表示されます)。
"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 | フォームデータ(form-data)を HTTP POST トランザクションとして送信します。 |
HTML <input> タグ その他の拡張