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

HTMLでフォームデータ送信時のHTTPメソッドを指定する方法【method属性の使い方】

HTMLでフォームデータを送信する際に使用するHTTPメソッドを指定するには、<form>要素のmethod属性を使用します。

method属性で指定できる主な値

  • get（デフォルト）： フォームデータをURLのクエリ文字列として送信します。検索フォームなど、送信内容がURLに表示されても問題ない場合に適しています。
  • post： フォームデータをHTTPリクエストのボディに含めて送信します。パスワードや個人情報など、機密性の高いデータを扱う場合に推奨されます。

サンプルコード

以下のコードは、method属性に「post」を指定したフォームの実装例です。セレクトボックスで選択した値が、指定したCGIプログラムへPOST方式で送信されます。

<!DOCTYPE html>
<html>
  <head>
    <title>HTML formタグのサンプル</title>
  </head>
  <body>
    <form action="/cgi-bin/dropdown.cgi" method="post">
      <select name="dropdown">
        <option value="HTML" selected>HTML</option>
        <option value="Ruby">Ruby</option>
      </select>
      <input type="submit" value="送信" />
    </form>
  </body>
</html>

まとめ

method属性を省略した場合は自動的に「get」が適用されるため、機密データを扱うフォームでは必ず「post」を明示的に指定しましょう。用途に応じて適切なHTTPメソッドを選択することが、安全で信頼性の高いWebフォーム作成のポイントです。

  1. HTMLのdatalistタグの使い方！入力候補リストを作成する方法

    datalistタグとは？HTMLの<datalist>タグは、<input>要素に対して選択肢（候補リスト）を定義するためのタグです。テキストフィールドにユーザーが入力を始めると、あらかじめ用意された候補がドロップダウン形式で表示されるため、入力の手間を減らし、入力ミスを防ぐことができます。<datalist>タグを使用する際のポイントは以下の2点です。・<input>要素側にlist属性を指定し、その値と<datalist>要素のid属性を一致させる・選択肢は<datalist>〜</datalist>の中

  2. HTMLのrequired属性とは？フォームの必須入力チェックを実装する方法

    HTMLのrequired属性は、フォーム送信前にその要素（フィールド）への入力が必須であることを指定するための属性です。この属性が設定されたフィールドが空のまま送信ボタンがクリックされると、ブラウザは自動的に「このフィールドに入力してください（Please fill out this field）」というエラーメッセージを表示し、フォームの送信は失敗します。 JavaScriptを使わずに、HTMLだけで簡単なバリデーション（入力チェック）を実現できるのが大きな特徴です。 required属性を使用できる要素 required属性は、以下の3つのフォーム部品に対して使用できます。 <