・
掲示板みたいなメールフォームのサンプル
年齢
秘密
10才
11才
12才
13才
14才
15才
16才
17才
18才
19才
20才
21才
22才
23才
24才
25才
26才
27才
28才
29才
30才
31才
32才
33才
34才
35才
36才
37才
38才
39才
40才
41才
42才
43才
44才
45才
46才
47才
48才
49才
50才
51才
52才
53才
54才
55才
56才
57才
58才
59才
60才
61才
62才
63才
64才
65才
66才
67才
68才
69才
70才
71才
72才
73才
74才
75才
76才
77才
78才
79才
80才
81才
82才
83才
84才
85才
86才
87才
88才
89才
90才
性別
男性
女性
内緒
地域名
秘密
北海道
青森県
岩手県
宮城県
秋田県
山形県
福島県
茨城県
栃木県
群馬県
埼玉県
千葉県
東京都
神奈川
山梨県
長野県
新潟県
富山県
石川県
福井県
岐阜県
静岡県
愛知県
三重県
滋賀県
京都府
大阪府
兵庫県
奈良県
和歌山
鳥取県
島根県
岡山県
広島県
山口県
徳島県
香川県
愛媛県
高知県
福岡県
佐賀県
長崎県
熊本県
大分県
宮崎県
鹿児島
沖縄県
海外
ここに内容を書いてください
このような感じで、フォームの部品やテーブルなどを装飾して、オリジナルのメールフォームを作ってみましょう。
では、タグです。
かなり長いです。ごめんなさい。
↓↓↓
<form action=mailto:メールアドレス?Subject=件名 method=post enctype=text/plain> <TABLE border="0" style="background-image : url(テーブルの背景画像のアドレス);background-repeat:no-repeat;background-position:bottom right;background-attachment:fixed;background-color : white;border-width : 3px 3px 3px 3px;border-style : double double double double;border-color : #7dff7d #7dff7d #7dff7d #7dff7d;" width="350"> <TBODY> <TR> <TD valign="middle"><INPUT type="text" size="20" style="background-Color:#ffffff;font-size : 10pt;border-width : 1px 1px 1px 1px;border-style : dotted dotted dotted dotted;border-color : #ff0080 #ff0080 #ff0080 #ff0080;" name="名前" onmouseover="this.style.backgroundColor='#ffcaff'" onmouseout="this.style.backgroundColor='#ffffff'" value="なまえ"></TD> <TD valign="middle" align="right"><SELECT name="年齢" style="font-size : 10pt;color : #ff0080;background-color : #ffd9ff;"> <option selected>年齢</option> <option>秘密</option> <option>10才</option> <option>11才</option> <option>12才</option> <option>13才</option> <option>14才</option> <option>15才</option> <option>16才</option> <option>17才</option> <option>18才</option> <option>19才</option> <option>20才</option> <option>21才</option> <option>22才</option> <option>23才</option> <option>24才</option> <option>25才</option> <option>26才</option> <option>27才</option> <option>28才</option> <option>29才</option> <option>30才</option> <option>31才</option> <option>32才</option> <option>33才</option> <option>34才</option> <option>35才</option> <option>36才</option> <option>37才</option> <option>38才</option> <option>39才</option> <option>40才</option> <option>41才</option> <option>42才</option> <option>43才</option> <option>44才</option> <option>45才</option> <option>46才</option> <option>47才</option> <option>48才</option> <option>49才</option> <option>50才</option> <option>51才</option> <option>52才</option> <option>53才</option> <option>54才</option> <option>55才</option> <option>56才</option> <option>57才</option> <option>58才</option> <option>59才</option> <option>60才</option> <option>61才</option> <option>62才</option> <option>63才</option> <option>64才</option> <option>65才</option> <option>66才</option> <option>67才</option> <option>68才</option> <option>69才</option> <option>70才</option> <option>71才</option> <option>72才</option> <option>73才</option> <option>74才</option> <option>75才</option> <option>76才</option> <option>77才</option> <option>78才</option> <option>79才</option> <option>80才</option> <option>81才</option> <option>82才</option> <option>83才</option> <option>84才</option> <option>85才</option> <option>86才</option> <option>87才</option> <option>88才</option> <option>89才</option> <option>90才</option> </SELECT></TD> <TD valign="middle" align="right"><SELECT name="性別" style="font-size : 10pt;color : #0000ff;background-color : #c1c1ff;"> <OPTION selected>性別</OPTION> <OPTION value="男性">男性</OPTION> <OPTION value="女性">女性</OPTION> <OPTION value="内緒">内緒</OPTION> </SELECT></TD> </TR> <TR> <TD valign="middle"><INPUT type="text" size="27" style="background-Color:#ffffff;font-size : 10pt;border-width : 1px 1px 1px 1px;border-style : dotted dotted dotted dotted;border-color : #ff0080 #ff0080 #ff0080 #ff0080;" name="題名" onmouseover="this.style.backgroundColor='#ffcaff'" onmouseout="this.style.backgroundColor='#ffffff'" value="だいめい"></TD> <TD valign="middle" colspan="2" align="right"><SELECT name="地域名" style="font-size : 10pt;color : #c4c400;background-color : #ffffbf;"> <option selected>地域名</option> <option>秘密</option> <option>北海道</option> <option>青森県</option> <option>岩手県</option> <option>宮城県</option> <option>秋田県</option> <option>山形県</option> <option>福島県</option> <option>茨城県</option> <option>栃木県</option> <option>群馬県</option> <option>埼玉県</option> <option>千葉県</option> <option>東京都</option> <option>神奈川</option> <option>山梨県</option> <option>長野県</option> <option>新潟県</option> <option>富山県</option> <option>石川県</option> <option>福井県</option> <option>岐阜県</option> <option>静岡県</option> <option>愛知県</option> <option>三重県</option> <option>滋賀県</option> <option>京都府</option> <option>大阪府</option> <option>兵庫県</option> <option>奈良県</option> <option>和歌山</option> <option>鳥取県</option> <option>島根県</option> <option>岡山県</option> <option>広島県</option> <option>山口県</option> <option>徳島県</option> <option>香川県</option> <option>愛媛県</option> <option>高知県</option> <option>福岡県</option> <option>佐賀県</option> <option>長崎県</option> <option>熊本県</option> <option>大分県</option> <option>宮崎県</option> <option>鹿児島</option> <option>沖縄県</option> <option>海外</option> </SELECT></TD> </TR> <TR> <TD valign="middle" colspan="4"><TEXTAREA name="内容" rows="5" cols="35" style="background-color:transparent;background-attachment:fixed;border-width : 1px 1px 1px 1px;border-style : dotted dotted dotted dotted;border-color : #ff0080 #ff0080 #ff0080 #ff0080;"> ここに内容を書いてください</TEXTAREA></TD> </TR> <TR> <TD valign="middle" colspan="4"><INPUT type="text" style="background-Color:#ffffff;border-width : 1px 1px 1px 1px;border-style : dotted dotted dotted dotted;border-color : #ff0080 #ff0080 #ff0080 #ff0080;" size="39" name="E-mail" onmouseover="this.style.backgroundColor='#ffcaff'" onmouseout="this.style.backgroundColor='#ffffff'" value="E-mai："></TD> </TR> <TR> <TD valign="middle" colspan="4"><INPUT type="text" style="background-Color:#ffffff;border-width : 1px 1px 1px 1px;border-style : dotted dotted dotted dotted;border-color : #ff0080 #ff0080 #ff0080 #ff0080;" size="39" name="URL" onmouseover="this.style.backgroundColor='#ffcaff'" onmouseout="this.style.backgroundColor='#ffffff'" value="URL：http://"></TD> </TR> <TR> <TD valign="middle" colspan="4" align="center"><INPUT type="submit" value="そうしん" name="submit" style='font-size : 10pt;font-family : "ＭＳ 明朝";color : #ff0080;background-color : white;border-top-width : 1px;border-right-width : 1px;border-bottom-width : 1px;border-left-width : 1px;border-style : dotted dotted dotted dotted;border-color : #ff0080 #ff0080 #ff0080 #ff0080;font-weight : bold;'> <INPUT type="reset" value="りせっと" name="reset" style='font-size : 10pt;font-family : "ＭＳ 明朝";color : #8000ff;background-color : white;border-width : 1px 1px 1px 1px;border-style : dotted dotted dotted dotted;border-color : #ff0080 #ff0080 #ff0080 #ff0080;font-weight : bold;'></TD> </TR> </TBODY> </TABLE> </FORM>