【特集】多機能ホームページを作ろう! (3) アンケートフォームを設置する | ネット

【特集】

多機能ホームページを作ろう!

3 アンケートフォームを設置する

田口美帆　 [2000/04/28]

印刷

○アンケートフォームを設置する

◇ホームページでアンケートをとる
アンケートや意見を募集するには、フォームを使うと便利です。ホームページにおけるフォームとは、読み手入力した文字列や選択した項目を電子メールで受け取るしくみのことです。たとえば、次のようなアンケートをとりたかったとしましょう。

☆感想をお聞かせください
お名前：
年代：
性別：
感想：

これをフォームにすると、次のような形式になります。

◇フォームの作り方
上の例のようなフォームを作るには、まず次のようなホームページのソース文書を作成します。下の<FORM METHOD...>から</FORM>までのタグをコピーして、そのまま作成済みのホームページのソース文書内に貼り付けても構いません。

<HTML>
<HEAD>
<TITLE>読者アンケート</TITLE>
</HEAD>
<BODY bgcolor="#eeeeee" text="#000000">
<FORM METHOD=post ACTION="mailto:xxx@yyyyy.ne.jp" ENCTYPE="text/plain">
お名前：<INPUT type="text" name="name" size="18"><P>
性別：<INPUT TYPE="radio" NAME="seibetu" VALUE="woman">女性
<INPUT TYPE="radio" NAME="seibetu" VALUE="man">男性<P>
年代：<SELECT NAME="nendai" >
<OPTION>10代
<OPTION>20代
<OPTION>30代
<OPTION>40代
<OPTION>50代
<OPTION>その他</SELECT><P>
感想をどうぞ：<BR>
<TEXTAREA name="kanso" rows="3" cols="50"></TEXTAREA><P>
<INPUT TYPE="submit" VALUE="送信">
<INPUT TYPE="reset" VALUE="取消">
</FORM>
</BODY>
</HTML>

次に、上のソース文書の6行目の「xxx@yyy.ne.jp」の部分を自分のメールアドレスに書き換えます。これでひとまずフォームの作成は完了です。このページをサーバーに転送し、ひと通りアンケートに答えて「送信」ボタンをクリックしてみてください。すると、設定したメールアドレスにこんなメールが届くと思います。

◇文字化け対策
上のフォームは入力した(選択した)内容をそのまま電子メールアドレスに送信しています。このため、メールを送信する側の環境(OSやメールソフトの種類)によっては、文字がまったく読めない現象(文字化け)が起こる場合があります。これは使用している環境によって「文字コード(キーボードから送られた機械信号を日本語やアルファベットなどの文字に変換するためのしくみ)」が異なるために起こるトラブルです。

このように、それぞれのパソコンで異なる文字コードを統一するには、フォームメールをデコード(復符号化)するCGIのプログラムを使用します。こういったプログラムを自作して自分のサーバーに設置できれば一番よいのですが、ちょっと自信がない人は次のような無料のフォームデコードサービスを利用するといいでしょう。

☆M's World
http://www.ylw.mmtr.or.jp/~maeda/

☆ネットサーフレスキュー【Web裏技】
http://www.rescue.ne.jp/

☆Alto World
http://home.age.ne.jp/x/jun-kit/alto/

フォームデコードサービスを利用する場合は、フォームのACTION="mailto:xxx@yyyyy.ne.jp"の部分を指定されたCGIプログラムの場所(URLアドレス)に書き換えます。

例 ACTION="http://www.yyyy.ne.jp/~xxx/cgi-bin/mail/form.cgi"

ただし、このURLアドレスの部分は提供されるフォームデコードサービスによって異なるので、詳しい設定方法は各サービスの解説ページを参照してください。

【WinHECレポート】Intel、0.13μでもPentiumIIIを製造

【レポート】秋葉原価格レポート調査＝CRN iMac DVとバイオJがずば抜けた人気、ノートはLaVieNXが堅調

多機能ホームページを作ろう!

3 アンケートフォームを設置する

新着記事

特設サイトの情報

人気記事

イチオシ記事

新着記事

特別企画

マイナビニュースマガジン