フォーム

アンケート用フォームの作成法です。多くを語るより実際に見ていただいた方が速いでしょう。問題はこのフォームを処理する方法ですね。それにはCGIフォームメールをご覧ください。
このページはあくまでもフォーム用のページの作り方です。

<FORM ACTION="/cgi-bin/formail.cgi" METHOD="POST">

フォーム入力送信後の処理を決めるタグです。
ACTIONの後に処理をする CGI のパスを書きます。
CGIを利用しない時はmailto:メールアドレスという方法でメールサーバーに送る方法もありますが、URLデコードが必要です。
METHODは、データの送り方です。POSTGETがあります。
GETはURLの末尾にデータを付けて送信するもので、POSTはデータとして送ります。
ENCTYPEは、データのエンコードタイプを決めます。何も書かなければURL形式になります。

<INPUT SIZE="30" TYPE="text" NAME="name">

一行のみのテキストエリアを作ります。SIZEで文字数による大きさを決めます。NAMEは、CGIなどで利用する時必要なので必ず付けます

<INPUT SIZE="30" TYPE="text" NAME="homepage" VALUE="http://">

テキストエリアVALUEを付けると、最初に入るで文字列を決められます。

<INPUT TYPE="radio" NAME="sex" VALUE="m">男
 <INPUT TYPE="radio" NAME="sex" VALUE="f" CHECKED>女<P>

ラジオボタンです。選択用で、先にチェックが入っている方にCHECKEDを付けます。VALUEは、選択されたのがどちらかが解るように必ず付けておきますNAMEは、CGIなどで処理する時必要なので必ず付けます

<SELECT NAME="where">
<OPTION VALUE="サーチエンジンで見つけた。" SELECTED>サーチエンジンで見つけた。
<OPTION VALUE="リンクを辿っている内にたどり着いた。">リンクを辿っている内にたどり着いた。
<OPTION VALUE="雑誌やCD-ROMのイエローページで見つけた。">雑誌やCD-ROMのイエローページで見つけた。
<OPTION VALUE="その他。">その他。
</SELECT>
ポップアップメニューです。選択肢は一つなので、最初に見えている文字列をSELECTEDで決めておきます。

<INPUT TYPE="checkbox" NAME="good" VALUE="家の猫芸達者なんです。">家の猫芸達者なんです。
<INPUT TYPE="checkbox" NAME="good" VALUE="新婚旅行はハワイよ〜ん。">新婚旅行はハワイよ〜ん。
<INPUT TYPE="checkbox" NAME="good" VALUE="私の描いた水彩画。">私の描いた水彩画。
<INPUT TYPE="checkbox" NAME="good" VALUE="ホームページを持つまで。">ホームページを持つまで。
<INPUT TYPE="checkbox" NAME="good" VALUE="リンクリンクリンク!">リンクリンクリンク!
家の猫、芸達者なんです。
新婚旅行はハワイよ〜ん。
私の描いた水彩画。
私がホームページを持つまで。
リンクリンクリンク!
複数選択させたい時に使用するチェックボックスです。

<SELECT NAME="stady" SIZE="7" MULTIPLE>
<OPTION VALUE="プロバイダー選び">プロバイダー選び
<OPTION VALUE="アプリケーション選び" SELECTED>アプリケーション選び
<OPTION VALUE="デジカメの写真を貼り込む">デジカメの写真を貼り込む
<OPTION VALUE="プロバイダーに送信する">プロバイダーに送信する
<OPTION VALUE="僕が使ったICONと背景集" SELECTED>僕が使ったICONと背景集
<OPTION VALUE="参考にさせていただいたページ">参考にさせていただいたページ
</SELECT><P>
複数選択させたいときポップアップメニューです。
最初に選択されている欄に、SELECTEDを付けておきます

<TEXTAREA NAME="comment" ROWS="5" COLS="60"></TEXTAREA>

複数行の文字列を書き込むためのエリアです。ROWSで表示する行数を決め、COLSで横の桁数をきめておきます。それ以上の文字列が入ります。

<INPUT TYPE="submit" VALUE="送信">
<INPUT TYPE="reset" VALUE="リセット">
</FORM>

送信ボタンとリセットボタンです。VALUEで表示する文字を決められます。

フォームは、これだけでは何の意味もありません。このデータを受け渡し、処理する必要があります。それには、CGIやJava、JavaScript,ActiveXといったインタラクティブホームページを作成するためのテクニックを使用しなければなりません。
当WebではCGIを利用したフォームメールを紹介しています。


Copyright:ZAP 1997.4