HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLのformmethod属性の使い方を解説！フォーム送信方法を個別に指定する方法

formmethod属性とは？

formmethod属性は、フォームデータを送信する際に使用するHTTPメソッド（GETまたはPOST）を指定するためのHTML属性です。この属性は、type="submit"およびtype="image"のinput要素と組み合わせて使用されます。

formmethod属性の最大の特徴は、form要素自体に設定されているmethod属性を上書き（オーバーライド）できるという点です。これにより、1つのフォーム内で複数の送信ボタンを配置し、ボタンごとに異なるHTTPメソッドや送信先を指定することが可能になります。

主な特徴

  • フォーム全体ではなく、特定の送信ボタン単位でHTTPメソッドを指定できる
  • form要素のmethod属性よりも優先される
  • formaction属性と組み合わせることで、送信先URLも個別に変更可能

使用例

以下のコードを実行して、HTMLにおけるformmethod属性の使い方を確認してみましょう。この例では、1つ目の送信ボタンはフォームのmethod属性（get）を使用し、2つ目の送信ボタンはformmethod属性によってpostメソッドと別の送信先を指定しています。

<!DOCTYPE html>
<html>
    <head>
        <title>HTML formmethod属性</title>
    </head>
    <body>
        <form action="/new.php" method="get">
            学生名<br><input type="text" name="name"/><br>
            科目<br><input type="text" name="subject"/><br>
            <input type="submit" value="送信">
            <input type="submit" formmethod="post" formaction="/new2.php" value="送信">
        </form>
    </body>
</html>

コードのポイント

上記の例では、2つの送信ボタンが同じフォーム内に配置されています。

  • 1つ目のボタン： form要素に設定されたmethod="get"が適用され、データは/new.phpへGET方式で送信されます。
  • 2つ目のボタン： formmethod="post"により、フォームのmethod属性を上書きしてPOST方式が使用され、formaction="/new2.php"によって送信先も/new2.phpに変更されます。

このようにformmethod属性を活用することで、1つのフォームから状況に応じて異なる処理を実行できる柔軟なフォーム設計が実現できます。

  1. HTMLのlist属性とは？datalist要素で入力候補を表示する方法を解説

    HTMLのlist属性とはHTMLでは、<datalist>要素を使用して、あらかじめ定義された選択肢のリストを作成できます。このリストは<input>要素（入力欄）に対して適用され、ユーザーが文字を入力すると、定義済みの選択肢が候補として自動的に表示されます。<input>要素のlist属性は、対応する<datalist>要素のidを参照することで、入力欄と選択肢リストを関連付けます。このlist属性は、HTML5で新たに導入された機能です。list属性の基本的な使い方list属性を使うには、以下の2つのステップを行います。<datali

  2. HTMLの1つのrange入力で異なるstep属性を使い分ける方法

    HTMLのinput要素におけるstep属性は、入力できる数値の間隔（刻み幅）を定義するための属性です。たとえば「0、2、4、6、8、10」のように、一定間隔で数値が増減する仕組みを作れます。また、min属性やmax属性と組み合わせることで、有効な値の範囲を柔軟に設定することも可能です。 本記事では、まずstep属性の基本的な使い方を確認したうえで、1つのrange入力の中で条件に応じて異なるstep属性を動的に切り替える方法を、JavaScript（jQuery）を使った実装例とともに解説します。 step属性の基本的な使い方 次のコードは、step属性を使って数値の刻みを作成するシンプルな