HTML <button> formmethod属性
例
2つの送信ボタンがあるフォーム。最初の送信ボタンはmethod = "get"でフォームデータを送信し、2番目のボタンはmethod = "post"でフォームデータを送信します。
<form action="/action_page.php" method="get">
<label for="fname">First name:</label>
<input type="text" id="fname"
name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<button type="submit">Submit</button>
<button type="submit" formmethod="post">Submit using POST</button>
</form>
定義と使用法
このformmethod属性は、フォームデータを送信するときに使用するHTTPメソッドを指定します。この属性は、フォームの属性をオーバーライドしmethodます。
このformmethod属性は、が付いたボタンにのみ使用されます
type="submit"。
form-dataは、URL変数（with
method="get"）またはHTTP post（with
method="post"）として送信できます。
「get」メソッドに関する注意：
- フォームデータを名前と値のペアでURLに追加します
- ユーザーが結果をブックマークしたいフォーム送信に役立ちます
- URLに配置できるデータの量には制限があるため（ブラウザによって異なります）、すべてのフォームデータが正しく転送されるかどうかを確認することはできません。
- 「get」メソッドを使用して機密情報を渡さないでください。（パスワードまたはその他の機密情報は、ブラウザのアドレスバーに表示されます）
「post」メソッドに関する注意：
- フォームデータをHTTPPOSTトランザクションとして送信します
- 「post」方式のフォーム送信はブックマークできません
- 「取得」よりも堅牢で安全です
- サイズ制限はありません
ブラウザのサポート
表の数字は、属性を完全にサポートする最初のブラウザーバージョンを示しています。
| Attribute | |||||
|---|---|---|---|---|---|
| formmethod | 9.0 | 10.0 | 4.0 | 5.1 | 15.0 |
構文
<button type="submit" formmethod="get|post">
属性値
| Value | Description |
|---|---|
| get | Appends the form-data to the URL: URL?name=value&name=value |
| post | Sends the form-data as an HTTP post transaction |
❮HTML<button>タグ