HTML編　50／51
| 目的別 index | タグ別 index | カラーチャート | images | SAMPLE |
アンケートを作る




これでアンケートページが出来上がりました。サンプルのアンケートに
E-mail／abc@defg.ne.jp
お名前／Iwahiro Kimura
性別／男
お住まいは？／関東
お使いのマシンは？／Macintosh
面白かったページ／Macintosh　トラベル
として送信すると以下のようなメールが届きます（改行されずに1行で届きます）。

mail=abc%40defg.ne.jp&name=Iwahiro+Kimura&sex=man& address=kantou&machine=macintosh&page=Macintosh&page= Travel&Enqete=OK
ここではTEXTAREAによるフィードを作らなかったので、「感想などありましたら〜」としてメールを送るボタンも付けておきました。アンケートページのHTMLは以下のようになります。
View
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=Shift_JIS">
<META NAME="robots" CONTENT="none">
<TITLE>Kimura's Room：Enquete</TITLE>

</HEAD>
<BODY BGCOLOR="#ECECEC" BACKGROUND="../img/BGtop.gif" LINK="#009933" ALINK="#ff0000" VLINK="#999999">

<!--★★スペース調整★★-->
<IMG SRC="../img/spacer.gif" ALT="" BORDER="0" WIDTH="1" HEIGHT="25">

<CENTER>

<TABLE BORDER="0" CELLPADDING="3" CELLSPACING="0" WIDTH="80%" BGCOLOR="#009933">
<TR><TD ALIGN="right"><FONT COLOR="#ffffff"><B>Enquete</B></FONT></TD></TR>
</TABLE>

<!--★★スペース調整★★-->
<IMG SRC="../img/spacer.gif" ALT="" BORDER="0" WIDTH="1" HEIGHT="10"><BR>
<BR>

<!--★★テーブル★★-->
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="80%">
<TR><TD><B>アンケートにご協力ください</B>
<HR>

<!--★★フォームタグ★★-->
<FORM ACTION="mailto:abc@defg.ne.jp" METHOD="post">

<B>●E-mail</B><BR>
<INPUT TYPE="text" SIZE="40" NAME="mail">

<BR><BR>

<B>●お名前</B>　必ずローマ字で入力してください。<FONT SIZE="2">例：<I>Iwahiro Kimura</I></FONT><BR>
<INPUT TYPE="text" SIZE="40" NAME="name" VALUE="日本語だと読めないんです(^^;)">

<BR><BR>

<B>●性　別</B><BR>
<INPUT TYPE="radio" NAME="sex" VALUE="man">男　<INPUT TYPE="radio" NAME="sex" VALUE="woman">女　<INPUT TYPE="radio" NAME="sex" VALUE="okama">どちらでもない

<BR><BR>

<B>●お住まいは？</B><BR>
<SELECT NAME="address">
<OPTION VALUE="hokkaidou">北海道
<OPTION VALUE="touhoku">東　北
<OPTION VALUE="kantou">関　東
<OPTION VALUE="shinestu">信　越
<OPTION VALUE="hokuriku">北　陸
<OPTION VALUE="toukai">東　海
<OPTION VALUE="kinki">近　畿
<OPTION VALUE="chugoku">中　国
<OPTION VALUE="sikoku">四　国
<OPTION VALUE="kyushu">九　州
<OPTION VALUE="okinawa">沖　縄
</SELECT>

<BR><BR>

<B>●お使いのマシンは？（+shiftで複数回答可）</B><BR>
<SELECT NAME="machine" SIZE="3" MULTIPLE>
<OPTION VALUE="windows" SELECTED>WINDOWS
<OPTION VALUE="Macintosh">Macintosh
<OPTION VALUE="unix">UNIX
<OPTION VALUE="other">他
</SELECT>
<BR><BR>

<B>●面白かったページはありますか？（複数回答可）</B><BR>
<INPUT TYPE="checkbox" NAME="page" VALUE=profile>プロフィール
　<INPUT TYPE="checkbox" NAME="page" VALUE="macintosh">Macintosh
　<INPUT TYPE="checkbox" NAME="page" VALUE="Travel">トラベル
　<INPUT TYPE="checkbox" NAME="page" VALUE="nothing">無い

<BR><BR>

<FONT SIZE="1">注：下のボタンの押しても送信できません。</FONT><BR>
<INPUT TYPE="submit" NAME="Enqete" VALUE="OK">　<INPUT TYPE="reset" VALUE="書き直し">

<!--★★フォーム終了タグ★★-->
</FORM>

<B>●ご感想などありましたら、お手数ですがメールでお願いします。</B><BR>
<A HREF="mailto:abc@defghijk.ne.jp">abc@defghijk.ne.jp</A>

<HR>

</TD></TR>

<TR><TD ALIGN="center">

<!--★★スペース調整★★-->
<IMG SRC="../img/spacer.gif" ALT="" BORDER="0" WIDTH="1" HEIGHT="30"><BR>

<B>ご協力ありがとうございました。</B>m(_ _)m

<BR><BR>

<!--★★リンク★★-->
<FONT SIZE="2">
│<A HREF="../index.html">Toppage</A>│<A HREF="../profile/index.html">Profile</A>│<A HREF="../macintosh/index.html">Macintosh</A>│<A HREF="../travel/index.html">Travel</A>│
</FONT>

</TD></TR>

</TABLE>

</CENTER>
</BODY>
</HTML>

backindexnext