フォームデータの送信

作者の設定したデータを送る

input要素などで用意する「コントロール」はユーザーがそれを操作してデータを入力するためのものです。しかし、場合によってはHTMLの制作者が指定したデータをプログラムに送信したい場合もあるでしょう。このようなデータはユーザーが操作する必要はなく、ユーザーの目に触れないほうが都合がよいものです。そのために、input要素のタイプの一つとしてhidden型が用意されています。

（例）<input type="hidden" name="info" value="secret" />

このような情報をフォームに書きこんでおくと、ユーザーの目に触れることなく「info」という名前と「secret」という値を持ったデータがプログラムに送信されます。汎用のプログラムに特定の動作をさせたい場合などに使います。

データ送信とURLエンコード

フォームのコントロールを通して入力されたデータは、送信命令（submit型のinput要素）によってサーバーに送られます。そのとき、英数字以外のデータは利用者が入力したそのままの形ではなく、%と数字やアルファベットで構成されたURLエンコード形式という形に変換され、およそ次のようなイメージになります。

（URLエンコードされたデータの例）%8FZ%8F%8A=Tokyo&%8E%81%96%BC=Masahide+Kanzaki

URLエンコードは、フォームで入力されたデータを次のように変換します：

1. それぞれのデータ（文字列）の中で、スペース文字を+に変換
2. さらに英数字と一部記号以外のものを%とその文字を表す2桁の16進数に変換
3. 変数名（name）と内容（value）を = で結ぶ
4. 各項目のデータを & で連結する

上記の例は、「住所」という変数名に対し「Tokyo」という値、「氏名」という変数名に対し「Masahide Kanzaki」という値がデータとして送信されたものです。

フォームから直接メール送信

form要素のaction属性でプログラムの代わりにmailto:型のURIを指定すると、フォームの内容を直接メール送信させることができます。

<form method="post" action="mailto:メールアドレス?Subject=Page_enquete">
 <p>ごく簡単なHTMLは
   <input type="radio" name="this_page_is" 
       value="useful" checked="checked" /> とても役に立つ　
   <input type="radio" name="this_page_is" 
       value="not_very_useful" /> そうでもない</p>
 <p><input type="submit" value="ご意見を送信" /></p>
</form>

このフォームを使うと、利用者がラジオボタンで選択した結果がURLエンコードされ、actionで示したメールアドレスに送信されます。アドレスのあとに ? に続けてSubject=...と記述することで、メールの件名が設定できます（対応しないブラウザもあるかも知れません。mailtoの記述方法についてはRFC 2368に定められています）。

この方法で送信したメールは、フォームの内容に日本語が含まれているとURLエンコードされて届くので、もとの日本語にデコードするツールが必要になります（Subjectには日本語を直接指定できません）。テキスト型inputやtextareaを使って文字を入力するフォームは、扱いにくいでしょう。

エンコードのタイプとファイル送信

input要素のtype属性をfileとすると、ファイルを選択するためのコントロールを用意することができます。このタイプを用いて、ファイルの中身をフォームのデータとして送信することができます。

ファイルの中身はバイナリファイルだったりテキストでもサイズが大きかったりするので、通常のURLエンコードでの送信は無理があります。この場合は、form要素のenctype属性をmultipart/form-dataに設定し、MIMEのマルチパートデータとしてファイルやその他の項目の内容を送ります。。

<form action="ファイル処理CGIのURI"
         method="post" enctype="multipart/form-data">
  ...
  氏名　　　　：<input type="text" name="username" />
  送信ファイル：<input type="file" name="submitfile" />
  ...
</form>

このエンコードで送られたフォームのデータは、URLエンコードではなく、次のようなMIMEのマルチパートデータとしてプログラムに届きます。

Content-Type: multipart/form-data; boundary=-AabbZ

---AabbZ
Content-Disposition: form-data; name="username"

Masahide Kanzaki
---AabbZ
Content-Disposition: form-data; name="submitfile"; filename="myfile.txt"
Content-Type: text/plain

This is a sample file....
（ファイルの中身）
---AabbZ--

マルチパートのデータは、この例のように「境界（boundary）」となる行でデータ項目が区切られ、それぞれがContent-Dispositionという説明情報などのあとに実際のデータが続くという形を取ります。処理方法の詳細はここでは取り上げませんが、このようにするとユーザーにオンラインで情報を入力してもらわなくても、あらかじめ必要事項を書き込んだファイルを用意してもらい、それをアップロードしてもらうという手段が提供できます（MIMEのマルチパートの詳細についてはRFC 2045を参照）。

上記例の1行目でboundary=---AabbZと記述していましたが、ここで定義した境界線を使うときにその前に--を加えるのがMIMEの規則なので、定義行ではboundary=-AabbZでなければなりません。お詫びして訂正します。

GETメソッドとPOSTメソッド

前章では、form要素のmethod属性でpostもしくはgetを指定することを簡単に述べました。postメソッドの場合は、ブラウザはサーバーに接続して、URLエンコードした内容をプログラムに渡すように要求します。getメソッドを使うと、プログラムを呼び出すURLの後ろに、URLエンコードしたデータ（クエリ）を?でつないでサーバーに送信します。たとえばaction属性で /cgi-bin/htm-form を指定しているとき、getメソッドは次のような形でデータを送ります。

（送信データ例）/cgi-bin/htm-form?address=Tokyo

つまりgetを使うとデータはURLの一部として送られるわけです。「URLエンコード」とは、データをURLに埋め込んでも問題が生じないように、英数字以外の文字や/などの記号を安全な形に変換することを意味します。サーバーは受け取ったURLを ? を境に分割し、その前半に示されているプログラムを呼び出して、後半の値（フォームの内容＝クエリ）を処理データとして渡します。

POST /cgi-bin/htm-form HTTP/1.0
...

address=Tokyo

GETを使って直接データを送る

getメソッドがURLの一部になることを応用すると、フォームを用いずにデータを直接CGIプログラムに送信することができます。たとえば、kwという名前で送ったデータをキーワードにデータベースを検索するプログラムdbase.cgiがあるとすると

（例）この手順を<a href="/cgi-bin/dbase.cgi?kw=CGI">CGI</a>と呼びます

という形のアンカーを用意することで、用語をクリックするとその説明をデータベースで検索して表示するような仕掛けを提供できます。

なお、この方法で複数の項目を送信するためのHTMLを記述する場合、項目を連結する&はそのまま記述するのではなく、&という形で文字参照を用いなければならないことに注意してください。