・
すごく簡単なメールフォームのサンプル
このホームページの感想を聞かせてください。
また遊びに来ます☆
時々、顔出します
お気に入りに追加しました。
可もなく不可もなく…
役に立たなさすぎ!
タグは
<form action=mailto:emonoma@emonoma.com?Subject=html講座のフォームサンプル method=post enctype=text/plain>
<TABLE border="0" width="350" height="150" style="border-top-width : 2px;border-bottom-width : 2px;border-top-style : dotted;border-right-style : dotted;border-bottom-style : dotted;border-left-style : dotted;border-top-color : silver;border-bottom-color : silver;border-left-width : 2px;border-right-width : 2px;border-left-color : silver;border-right-color : silver;">
<TBODY>
<TR>
<TD style="font-size : 10pt;" valign="middle" align="center">
<TABLE border="0" width="300" height="100" style="border-top-width : 3px;border-bottom-width : 3px;border-style : double none double none;border-top-color : #ffb0ff;border-bottom-color : #80bfff;">
<TBODY>
<TR>
<TD style="font-size : 10pt;" valign="middle" align="center">このホームページの感想を聞かせてください。<BR>
<BR>
<SELECT style="font-size:10pt" name="アンケート">
<OPTION style=background-color:#c4e1ff;color:#ff0080 value=また遊びに来ます☆>また遊びに来ます☆</OPTION>
<OPTION style=background-color:#c4e1ff;color:#ff0080 value=時々、顔出します>時々、顔出します</OPTION>
<OPTION style=background-color:#c4e1ff;color:#ff0080 value=お気に入りに追加しました。>お気に入りに追加しました。</OPTION>
<OPTION style=background-color:#c4e1ff;color:#ff0080 value=可もなく不可もなく…>可もなく不可もなく…</OPTION>
<OPTION style=background-color:#c4e1ff;color:#ff0080 value=役に立たなさすぎ!>役に立たなさすぎ!</OPTION>
</SELECT>
<INPUT type="submit" value=" 送 信 " style="border-style:solid;border-width:1px;border-color:#ff0080;font-size:10pt;color:#ff0080;#ff0080-color:#c4e1ff">
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</form>
このようになってます。
ややこしいですよね・・・。
<form …>〜</form>
の間に、表示させるタグを入れています。
この
<form…
に、自分のメールアドレスと、件名が指定されています。
<TABLE>〜</TABLE>
はグレーの点線の枠がつくように装飾してあるテーブルです。
その中に
<TABRE>〜</TABLE>
が入っています。これは上にピンクに二重線、下に青の二重線の枠がつくように装飾してあるテーブルです。
その中に、フォームの部品である、
<SELECT…>〜</SELECT>
が入っています。これで、ホームページの感想を選択できるようになっています。
その下に、送信するために
<INPUT…>
があります。これをクリックすることによって、
<SELECT>
の
<OPTION>
で選択したものをメールで送れるようになります。
長々と書きましたが、面倒だし、分かりにくいので、
とりあえず、↓サンプルのタグです
<form action=mailto:メールアドレス?Subject=件名 method=post enctype=text/plain> <TABLE border="0" width="350" height="150" style="border-top-width : 2px;border-bottom-width : 2px;border-top-style : dotted;border-right-style : dotted;border-bottom-style : dotted;border-left-style : dotted;border-top-color : silver;border-bottom-color : silver;border-left-width : 2px;border-right-width : 2px;border-left-color : silver;border-right-color : silver;"> <TBODY> <TR>