<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>メールフォーム</title> <style type="text/css" media="all"> <!-- table { background-color: #ccccff; } caption, th { text-align: left; } th { background-color: #fafaff; font-weight: normal; vertical-align: top; } td { background-color: #ffffff; } input, textarea { background-color: #ffffff; border: 1px solid #ccccff; } textarea { overflow: auto; } .noime { ime-mode: disabled; } --> </style> <script type="text/javascript"> <!-- function str_check(obj) { if (!obj.name.value) { alert("お名前を記入してください。"); obj.name.focus(); } else if (obj.email && obj.email.value && !obj.email.value.match(/^[-\.\w]+\@[-\.\w]+\.[A-Za-z]{2,6}$/)) { alert("メールアドレスの形式が不正です。"); obj.email.focus(); } else if (!obj.message.value) { alert("メッセージを記入してください。"); obj.message.focus(); } else { obj.elements[obj.elements.length - 2].disabled = true; obj.local.value = location.href; return true; } return false; } function init(obj) { obj.elements[obj.elements.length - 2].disabled = false; return confirm("入力された内容を全てクリアしてもよろしいですか?") ? true : false; } // --> </script> </head> <body> <!-- ■ mail.cgi 設置先の URL を action に記述してください --> <form action="./formmail/mail.cgi" method="POST" onsubmit="return str_check(this);" onreset="return init(this);"> <input type="hidden" name="local"> <table cellpadding="3" cellspacing="1"> <caption>メールフォーム [*は必須項目です]</caption> <tr> <th>お名前*</th> <td><input type="text" name="name" value="" size="35"></td> </tr> <!-- ▼メールアドレス入力フィールド▼ --> <tr> <th>メールアドレス*</th> <td><input type="text" name="email" value="" size="35" class="noime"></td> </tr> <!-- ▲ここまで▲ --> <!-- ▼メールアドレス確認入力フィールド▼ --> <tr> <th>メールアドレスの確認*</th> <td><input type="text" name="confirm_email" value="" size="35" onkeydown="if (event.ctrlKey && event.keyCode == 86) return false;" oncontextmenu="return false;" class="noime"></td> </tr> <!-- ▲ここまで▲ --> <!-- ▼件名入力フィールド▼ --> <tr> <th>件名*</th> <td><input type="text" name="subject" value="" size="35"></td> </tr> <!-- ▲ここまで▲ --> <!-- ▼住所入力フィールド▼ --> <tr> <th rowspan="3">ご住所*</th> <td>郵便番号: <input type="text" name="zipcode" value="" size="12" maxlength="8" class="noime"></td> </tr> <tr> <td>都道府県: <select name="prefecture"> <option value="0">選択してください <option value="1">北海道 <option value="2">青森県 <option value="3">岩手県 <option value="4">宮城県 <option value="5">秋田県 <option value="6">山形県 <option value="7">福島県 <option value="8">茨城県 <option value="9">栃木県 <option value="10">群馬県 <option value="11">埼玉県 <option value="12">千葉県 <option value="13">東京都 <option value="14">神奈川県 <option value="15">新潟県 <option value="16">富山県 <option value="17">石川県 <option value="18">福井県 <option value="19">山梨県 <option value="20">長野県 <option value="21">岐阜県 <option value="22">静岡県 <option value="23">愛知県 <option value="24">三重県 <option value="25">滋賀県 <option value="26">京都府 <option value="27">大阪府 <option value="28">兵庫県 <option value="29">奈良県 <option value="30">和歌山県 <option value="31">鳥取県 <option value="32">島根県 <option value="33">岡山県 <option value="34">広島県 <option value="35">山口県 <option value="36">徳島県 <option value="37">香川県 <option value="38">愛媛県 <option value="39">高知県 <option value="40">福岡県 <option value="41">佐賀県 <option value="42">長崎県 <option value="43">熊本県 <option value="44">大分県 <option value="45">宮崎県 <option value="46">鹿児島県 <option value="47">沖縄県 <option value="48">その他 </select></td> </tr> <tr> <td><textarea name="address" cols="50" rows="3"></textarea></td> </tr> <!-- ▲ここまで▲ --> <!-- ▼電話番号入力フィールド▼ --> <tr> <th>電話番号*</th> <td><input type="text" name="tel" value="" size="35" maxlength="20" class="noime"></td> </tr> <!-- ▲ここまで▲ --> <!-- ▼性別選択フィールド▼ --> <tr> <th>性別*</th> <td><input type="radio" name="sex" value="0" style="border: none;" checked>無回答 <input type="radio" name="sex" value="1" style="border: none;">男性 <input type="radio" name="sex" value="2" style="border: none;">女性</td> </tr> <!-- ▲ここまで▲ --> <tr> <th>メッセージ*</th> <td><textarea name="message" cols="70" rows="7"></textarea> <input type="submit" value="送信"> <input type="reset" value="取り消し"></td> </tr> </table> </form> </body> </html>
既存の HTML にフォームを追加する場合の記述例です。このフォームから送信してもらう場合、設定項目の [フォームの設置先 URL] にこのフォームがある URL を記入して設定を保存してください。なお、各フィールドの序列は自由ですが、フィールドの name 値は絶対に変更しないでください。