HTMLタグでホームページ作成(SEO対策) そのJ フォームを作ってみよう。

ご意見、感想、アンケートを行うには
フォームを作成する必要がある。
ただ、結果はメールで配送される。
(PERL等でプログラムを組めば、ホームページで処理できる)

前回は複数ページのホームページをリンクで連結した。

次はフォームを作って、アンケートをとってみる。
しかし、メールアドレスを公開することになり、やるのであればフリーメール、またはCGIを利用して処理する方が良いので、今回は作成方法を記載する。

sample12.htm

<HTML>
<HEAD>
<TITLE>
アンケート
</TITLE>
</HEAD>
<BODY>
<H1>アンケート</H1>
<FORM ACTION="MAILTO:****@****.**" METHOD="POST">
題名:<INPUT TYPE="text" SIZE="31" NAME="subject"><BR>
Eメール:<INPUT TYPE="password" SIZE="31" NAME="email"><BR>
性別:<INPUT TYPE="RADIO" NAME="seibetsu" CHECKED>男<INPUT TYPE="RADIO" NAME="seibetsu">女<BR>
好きなもの:
<INPUT TYPE="checkbox" NAME="suki" VALUE="読書" CHECKED>読書
<INPUT TYPE="checkbox" NAME="suki" VALUE="音楽">音楽
<INPUT TYPE="checkbox" NAME="suki" VALUE="ドライブ">ドライブ
<INPUT TYPE="checkbox" NAME="suki" VALUE="映画">映画
<INPUT TYPE="checkbox" NAME="suki" VALUE="旅行">旅行
<INPUT TYPE="checkbox" NAME="suki" VALUE="パソコン">パソコン
<BR>
年齢:
<SELECT NAME="toshi" size="5">
<OPTION VALUE="10〜" SELECTED>10〜
<OPTION VALUE="20〜">20〜
<OPTION VALUE="30〜">30〜
<OPTION VALUE="40〜">40〜
<OPTION VALUE="50〜">50〜
</SELECT>
<BR>
ご意見:<TEXTAREA NAME="NAIYO" ROWS="10" COLS="61"></TEXTAREA><BR><BR>
<INPUT TYPE="SUBMIT" VALUE="送信"> <INPUT TYPE="RESET" VALUE="リセット"><BR>
</FORM>
</BODY>
</HTML>

<FORM ACTION="MAILTO:****@****.**" METHOD="POST">〜</FROM>でフォームを扱うことを宣言する。

ACTION="MAILTO:****@****.**"でフォームで記述された事柄を指定したメールアドレスへ送信する。

METHOD="POST"は、決まり文句としておいてください、

1行テキストタイプの入力。SIZE="31"で半角31文字のスペース。
<INPUT TYPE="text" SIZE="31" NAME="subject">

1行パスワードタイプの入力。文字を入力すると「*」が表示される。SIZE="31"で半角31文字のスペース。
<INPUT TYPE="password" SIZE="31" NAME="email">

○タイプ(1個しか選択できない)の選択画面。CHECKEDでチェックされた状態とする。
<INPUT TYPE="RADIO" NAME="seibetsu" CHECKED>

□タイプ(複数選択可)の選択画面。CHECKEDでチェックされた状態となる。
<INPUT TYPE="checkbox" NAME="suki" VALUE="読書" CHECKED>読書

リストタイプの選択画面。MULTIPLEで複数選択可。
<SELECT NAME="toshi" size="5">
<OPTION VALUE="10〜" SELECTED>10〜


</SELECT>

  <TEXTAREA NAME="NAIYO" ROWS="10" COLS="61"></TEXTAREA>
  複数行のテキスト入力。 ROWS="10" COLS="61"で縦、横のサイズを決める。

上記でNAME="・・・"となっているが、メールで送信されるとき、NAME=VALUEで送信されてくる。
例:subject=質問、seibetsu=男等

これで、アンケートや意見をメールでもらうことが可能となる。


サンプルソースをダウンロードできます。

以上でフォーム作成完了。

次はMETAタグを挿入しよう。


実践!ホームページ作成TOP