0401HTMLフォームを使ったデータの入力

第４章　データの送受信

４．１　ＨＴＭＬフォームを使ったデータの入力　

　クライアントのブラウザに表示されているWebページからデータを入力して、Webサーバにデータを送信することができます。このとき、HTMLの<FORM>タグを使います。<FORM>タグを使ったデータの入力様式をHTMLフォームといいます。HTMLフォームにはたとえば次のような様式があります。

テキスト　　　　　　　１行の文字列を入力します
ラジオボタン　　　　複数の項目のうちの一つをオンにします
チェックボックス　　複数の項目のなかの任意の項目をオンにします
テキストエリア　　　複数行の文字列を入力します
選択メニュー　　　　複数の一覧メニューから一つを選択します
隠し項目　　　　　　Webページには表示しないで、値のみをWｅｂサーバに送信します、
送信ボタン　　　　　ＨＴＭＬフォームのデータをＷｅｂサーバに送信します

■メソッド

　ＨＴＭＬフォームは<FORM>タグで始まり、</FORM>タグで終わります。<FORM>タグでは、ＷｅｂページからＷｅｂサーバに向けてどのような方法でデータを送信するのか送信方法を指定する必要があります。これをメソッドといいますメソッドにはＧＥＴメソッドとＰＯＳＴメソッドがあります。

　また、Ｗｅｂサーバに送信したデータをどのＡＳＰファイルに引き継ぐのかも指定する必要があります。これにはＡＣＴＩＯＮオプションを使います。

　ＡＳＰでは、ＡＳＰファイル単位で処理が進みます。図4.1に示すようにＷｅｂサーバで一つのＡＳＰファイルが実行されると、クライアントのブラウザに１ページのＷｅｂページが表示されます。そのＷｅｂページでボタンをクリックしたり、ハイパーリンクをクリックすると、Ｗｅｂサーバ上で次のＡＳＰファイルが選択され実行されます。そのときに、Ｗｅｂページから次のＡＳＰファイルにメソッドによりデータが引き継がれます。

図4.1

■GETメソッド

　GETメソッドを使う場合、次のように記述します。

<FORM　METHOD="get"　ACTION="file.asp">

　つまり、これから記述するHTMLフォームのデータは送信ボタンがおされたときに、ＧＥＴメソッドを用いて”ｆｉｌｅ．ａｓｐ”というＡＳＰファイルに引き継ぎなさいという意味になります。ＧＥＴメソッドの場合、引き継がれるデータはＵＲＬに付加された形でＷｅｂサーバに送信され、次のＡＳＰファイルに渡されます。たとえば、

ＵＲＬ　http://www.abc.com/apl/file2.asp?Menu=main&ID=12

の場合は、次に実行されるASPファイルは"www.abc.com"というWebサーバの"/apl/file2.asp"というASPファイルで、引き継ぐデータはMenuという変数の値が"main"で、IDという変数の値が12ということになります。

【注意】

METHOD="get"はMETHOD="GET"と記述しても、METHOD=GETと記述してもOKです。

■POSTメソッド

　POSTメソッドを使う場合、次のように記述します。

<FORM　METHOD="post"　ACTION="file.asp">

　つまり、これから記述するHTMLフォームのデータは送信ボタンがおされたときに、POSTメソッドを用いて”ｆｉｌｅ．ａｓｐ”というＡＳＰファイルに引き継ぎなさいという意味になります。POSTメソッドの場合、引き継がれるデータは標準入出力によりＷｅｂサーバに送信され、次のＡＳＰファイルに渡されます

■テキスト

　図4.2のASPファイルform.aspは１行のテキストを入力するHTMLフォームをWebページに表示するためのASPファイルです。

<INPUT NAME="Data" SIZE=20>

は、テキスト入力フォームを表示するためのHTMLタグで、TYPE="text"が省略されています。NAMEは入力されたデータを格納する変数名です。SIZEはテキスト入力欄の長さを半角文字数で示します。

<INPUT TYPE="submit" VALUE=" OK ">

は、送信ボタンを表示するためのHTMLタグです。ボタンにはVALUEの値が表示されます（図4.4）。

図4.2

　図4.2のASPファイルでは、「OK」ボタンがクリックされると、次にform2.aspファイルを起動するようになっています。図4.3はそのform2.aspファイルのリストです。

<%=Request.Form("Data")%>

は、HTMLフォームの中の変数"Data"の値を取得（受信）するための文です。ここでは、受信したデータをそのままWebページに表示するようにしています。

【注意】

<%=Request.Form("Data")%>

をResponse.Write文を用いて記述する場合は、次のように記述します。

<%　Response.Write　Request.Form(""Data"")　%>

つまり、変数名の文字列を示す(")は("")と２重に記述する必要があります。