メールフォームデザイン

※ここにあるHTMLをコピー＆ペーストしてもメールフォームは作動しません
作動させるには別途プログラムを組む必要があります。

作動させるにはフォーム関連のプラグインをインストールして使用すると簡単に設置可能です。

お名前【必須】	例：賢威太郎
メールアドレス	例：support@seo-keni.jp
ラジオボタン	ラジオボタン選択項目名１ラジオボタン選択項目名２ラジオボタン選択項目名３ラジオボタン選択項目名４ラジオボタン選択項目名５
チェックボックス	チェックボックス選択項目名１チェックボックス選択項目名２チェックボックス選択項目名３チェックボックス選択項目名４チェックボックス選択項目名５
プルダウン
お問い合わせ内容

1<table class="table-block">
2<tbody>
3  
4<tr>
5<th class="w25 vl-t">お名前<span class="required">【必須】</span></th>
6<td>
7<input class="w60" type="text" value=""><br>
8<small>例：賢威太郎</small>
9</td>
10</tr>
11  
12<tr>
13<th class="vl-t">メールアドレス</th>
14<td>
15<input class="w60" type="email"><br>
16<small>例：support@seo-keni.jp</small>
17</td>
18</tr>
19  
20<tr>
21<th class="vl-t">ラジオボタン</th>
22<td>
23<label><input type="radio" name="radio1" value=""> ラジオボタン選択項目名１</label><br>
24<label><input type="radio" name="radio1" value=""> ラジオボタン選択項目名２</label><br>
25<label><input type="radio" name="radio1" value=""> ラジオボタン選択項目名３</label><br>
26<label><input type="radio" name="radio1" value=""> ラジオボタン選択項目名４</label><br>
27<label><input type="radio" name="radio1" value=""> ラジオボタン選択項目名５</label>
28</td>
29</tr>
30  
31<tr>
32<th class="vl-t">チェックボックス</th>
33<td>
34<label><input type="checkbox" value=""> チェックボックス選択項目名１</label><br>
35<label><input type="checkbox" value=""> チェックボックス選択項目名２</label><br>
36<label><input type="checkbox" value=""> チェックボックス選択項目名３</label><br>
37<label><input type="checkbox" value=""> チェックボックス選択項目名４</label><br>
38<label><input type="checkbox" value=""> チェックボックス選択項目名５</label>
39</td>
40</tr>
41  
42<tr>
43<th class="vl-t">プルダウン</th>
44<td>
45<select>
46<option value="" selected>都道府県を選択</option>
47<option value="北海道">北海道</option>
48<option value="青森県">青森県</option>
49<option value="岩手県">岩手県</option>
50<option value="宮城県">宮城県</option>
51<option value="秋田県">秋田県</option>
52<option value="山形県">山形県</option>
53<option value="福島県">福島県</option>
54<option value="茨城県">茨城県</option>
55<option value="栃木県">栃木県</option>
56<option value="群馬県">群馬県</option>
57<option value="埼玉県">埼玉県</option>
58<option value="千葉県">千葉県</option>
59<option value="東京都">東京都</option>
60<option value="神奈川県">神奈川県</option>
61<option value="新潟県">新潟県</option>
62<option value="富山県">富山県</option>
63<option value="石川県">石川県</option>
64<option value="福井県">福井県</option>
65<option value="山梨県">山梨県</option>
66<option value="長野県">長野県</option>
67<option value="岐阜県">岐阜県</option>
68<option value="静岡県">静岡県</option>
69<option value="愛知県">愛知県</option>
70<option value="三重県">三重県</option>
71<option value="滋賀県">滋賀県</option>
72<option value="京都府">京都府</option>
73<option value="大阪府">大阪府</option>
74<option value="兵庫県">兵庫県</option>
75<option value="奈良県">奈良県</option>
76<option value="和歌山県">和歌山県</option>
77<option value="鳥取県">鳥取県</option>
78<option value="島根県">島根県</option>
79<option value="岡山県">岡山県</option>
80<option value="広島県">広島県</option>
81<option value="山口県">山口県</option>
82<option value="徳島県">徳島県</option>
83<option value="香川県">香川県</option>
84<option value="愛媛県">愛媛県</option>
85<option value="高知県">高知県</option>
86<option value="福岡県">福岡県</option>
87<option value="佐賀県">佐賀県</option>
88<option value="長崎県">長崎県</option>
89<option value="熊本県">熊本県</option>
90<option value="大分県">大分県</option>
91<option value="宮崎県">宮崎県</option>
92<option value="鹿児島県">鹿児島県</option>
93<option value="沖縄県">沖縄県</option>
94</select>
95</td>
96</tr>
97  
98<tr>
99<th class="vl-t">お問い合わせ内容</th>
100<td>
101<textarea class="w90" cols="70" rows="10"></textarea>
102</td>
103</tr>
104  
105</tbody>
106</table>
107 
108<div class="al-c">
109<button class="btn btn-form01"><span>送信する</span></button>
110</div>

TOPページもご覧ください

賢威購入TOP 最強SEOテンプレート／無料バージョンUP／サポートフォーラムとは／テンプレートデザイン／レスポンシブルWEBデザイン／多彩なスタイルタグ　など