%PDF-
%PDF-
Mini Shell
Mini Shell
| Direktori : /home/rappan/www/mail/ |
|
|
|
| Current File : //home/rappan/www/mail/example_mobile.html |
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>メールフォームプロCGI サンプルHTML スマートフォン版</title>
<meta name="revisit_after" content="7 days" />
<meta name="robots" content="ALL" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="viewport" content="width=320,user-scalable=no;" />
<link rel="index" href="index.html" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="commons/_include_mobile.css" type="text/css" />
<meta name="Description" content="メールフォームプロCGI サンプルHTM スマートフォン版" />
<!--[メールフォームプロ・参照ファイルここから]-->
<link rel="stylesheet" href="commons/mailform.mobile.css" type="text/css" />
<script type="text/javascript" src="commons/jquery.js" charset="UTF-8"></script>
<script type="text/javascript" src="commons/mfp.lang.js" charset="UTF-8"></script>
<script type="text/javascript" src="commons/mfp.extensions.js" charset="UTF-8"></script>
<script type="text/javascript" src="commons/mailform.js" charset="UTF-8"></script>
<script type="text/javascript" src="postcodes/get.cgi" id="mfp2zip" charset="UTF-8"></script>
<!--[メールフォームプロ・参照ファイルここまで]-->
</head>
<body>
<div id="wrapper">
<div id="header">
<h1 id="title">メールフォームプロCGI</h1>
</div>
<div id="container">
<div id="contents">
<!--入力平均時間表示する場合、コメント解除<div id="input_time_disp" class="mfp_disp"></div>-->
<!--送信有効期限表示する場合、コメント解除<div id="expires_time_disp" class="mfp_disp"></div>-->
<!--送信数制限表示する場合、コメント解除<div id="limit_disp" class="mfp_disp"></div>-->
<!--音声ガイダンス出力する場合、コメント解除<div id="mfp_se" class="mfp_disp"></div>-->
<!--[ここからメールフォームプロ・本体]-->
<form id="mailform" name="mailform" method="post" action="mailformpro/send.cgi" onsubmit="return falsesubmit(this)" accept-charset="UTF-8">
<script type="text/javascript" src="mailformpro/include.cgi" charset="UTF-8"></script>
<noscript>
<p><input type="hidden" name="javascript_flag" value="0" /></p>
</noscript>
<div id="mailfrom_hidden_object">
<input type="submit" value="submit" />
<input type="hidden" name="must_id" value="(必須)" />
<input type="hidden" name="input_time" value="0" />
<input type="hidden" name="confirm_time" id="confirm_time" value="0" />
<input type="hidden" name="sitein_referrer" value="" />
<input type="hidden" name="mailform_confirm_mode" value="1" />
<input type="hidden" name="errorlog" id="mfp_errorlog" value="" />
</div>
<div id="mfp_phase_confirm">
<img src="images/mfp_confirm_flat.gif" width="150" height="20" alt="確認画面" style="margin: 10px auto;" />
<div id="mfp_phase_confirm_inner">
</div>
<div class="mfp_buttons">
<input type="button" value="キャンセル" onclick="mfp_send_cancel()" onkeypress="mfp_send_cancel()" /> <input type="button" value="送信する" onclick="sending()" onkeypress="sending()" />
</div>
</div>
<div id="mfp_phase_1" class="mfp_phase_section">
<dl class="mailform">
<dt><img src="images/mfp_must.gif" width="30" height="16" alt="必須" class="must" />メールアドレス<span>mail address</span></dt>
<dd class="mfptr"><input type="text" name="email(必須)" size="40" class="mfp" /><div id="errormsg_email" class="mfp_err"></div></dd>
<dt><img src="images/mfp_must.gif" width="30" height="16" alt="必須" class="must" />確認のためもう一度<span>confirm mail address</span></dt>
<dd class="mfptr"><input type="text" name="confirm_email(必須)" size="40" class="mfp" /><div id="errormsg_confirm_email" class="mfp_err"></div></dd>
<dt>会社名<span>company</span></dt>
<dd class="mfptr"><input type="text" name="会社名" size="30" class="mfp" /></dd>
<dt><img src="images/mfp_must.gif" width="60" height="16" alt="必須" class="must" />お名前<span>your name</span></dt>
<dd class="mfptr">
<input type="text" name="姓(必須)" size="15" class="mfp" onkeyup="inputTyping(this.form.id,'セイ',event.keyCode,this)" />
<input type="text" name="名(必須)" size="15" class="mfp" onkeyup="inputTyping(this.form.id,'メイ',event.keyCode,this)" />
<div id="errormsg_姓" class="mfp_err"></div>
<div id="errormsg_名" class="mfp_err"></div>
</dd>
<dt>フリガナ<span>assumed name</span></dt>
<dd class="mfptr"><input type="text" name="セイ" size="15" class="mfp" /> <input type="text" name="メイ" size="15" class="mfp" /></dd>
<dt>郵便番号<span>postcode</span></dt>
<dd class="mfptr">
<input type="hidden" name="ご住所[unjoin]〒+郵便番号+\n+都道府県(必須)+市区町村(必須)+丁目番地(必須)" value="" />
<input type="text" name="郵便番号" size="16" onblur="mfpc(this.form.id,this.name,'都道府県(必須)','市区町村(必須)','丁目番地(必須)');" class="mfp" />
<a href="http://www.post.japanpost.jp/zipcode/" target="_blank">郵便番号を調べる</a><div id="errormsg_郵便番号" class="mfp_err"></div></dd>
<dt><img src="images/mfp_must.gif" width="30" height="16" alt="必須" class="must" />ご住所<span>address</span></dt>
<dd class="mfptr">
<ol>
<li>
<span>都道府県</span>
<select name="都道府県(必須)" class="mfp">
<option value="" selected="selected">【選択して下さい】</option>
<optgroup label="北海道・東北地方">
<option value="北海道">北海道</option>
<option value="青森県">青森県</option>
<option value="岩手県">岩手県</option>
<option value="秋田県">秋田県</option>
<option value="宮城県">宮城県</option>
<option value="山形県">山形県</option>
<option value="福島県">福島県</option>
</optgroup>
<optgroup label="関東地方">
<option value="栃木県">栃木県</option>
<option value="群馬県">群馬県</option>
<option value="茨城県">茨城県</option>
<option value="埼玉県">埼玉県</option>
<option value="東京都">東京都</option>
<option value="千葉県">千葉県</option>
<option value="神奈川県">神奈川県</option>
</optgroup>
<optgroup label="中部地方">
<option value="山梨県">山梨県</option>
<option value="長野県">長野県</option>
<option value="新潟県">新潟県</option>
<option value="富山県">富山県</option>
<option value="石川県">石川県</option>
<option value="福井県">福井県</option>
<option value="静岡県">静岡県</option>
<option value="岐阜県">岐阜県</option>
<option value="愛知県">愛知県</option>
</optgroup>
<optgroup label="近畿地方">
<option value="三重県">三重県</option>
<option value="滋賀県">滋賀県</option>
<option value="京都府">京都府</option>
<option value="大阪府">大阪府</option>
<option value="兵庫県">兵庫県</option>
<option value="奈良県">奈良県</option>
<option value="和歌山県">和歌山県</option>
</optgroup>
<optgroup label="四国地方">
<option value="徳島県">徳島県</option>
<option value="香川県">香川県</option>
<option value="愛媛県">愛媛県</option>
<option value="高知県">高知県</option>
</optgroup>
<optgroup label="中国地方">
<option value="鳥取県">鳥取県</option>
<option value="島根県">島根県</option>
<option value="岡山県">岡山県</option>
<option value="広島県">広島県</option>
<option value="山口県">山口県</option>
</optgroup>
<optgroup label="九州・沖縄地方">
<option value="福岡県">福岡県</option>
<option value="佐賀県">佐賀県</option>
<option value="長崎県">長崎県</option>
<option value="大分県">大分県</option>
<option value="熊本県">熊本県</option>
<option value="宮崎県">宮崎県</option>
<option value="鹿児島県">鹿児島県</option>
<option value="沖縄県">沖縄県</option>
</optgroup>
</select>
<div id="errormsg_都道府県" class="mfp_err"></div>
</li>
<li><span>市区町村</span> <input type="text" name="市区町村(必須)" size="40" class="mfp" /><div id="errormsg_市区町村" class="mfp_err"></div></li>
<li><span>丁目番地</span> <input type="text" name="丁目番地(必須)" size="40" class="mfp" /><div id="errormsg_丁目番地" class="mfp_err"></div></li>
</ol>
</dd>
<dt><img src="images/mfp_must.gif" width="30" height="16" alt="必須" class="must" />ご用件<span>inquiry body</span></dt>
<dd class="mfptr"><textarea name="ご用件(必須)" rows="10" cols="40" class="mfp"></textarea><div id="errormsg_ご用件" class="mfp_err"></div></dd>
<dt><img src="images/mfp_must.gif" width="30" height="16" alt="必須" class="must" />送信確認<span>sending confirm</span></dt>
<dd class="mfptr"><label for="send_confirm" id="send_confirm_label" class="mfp"><input type="checkbox" id="send_confirm" name="送信確認(必須)" value="送信チェック済み" class="mfp" /> 上記送信内容を確認したらチェックを入れてください</label><div id="errormsg_送信確認" class="mfp_err"></div></dd>
</dl>
<div class="mfp_buttons">
<input type="button" value="リセット" onclick="mfp_reset(this.form)" onkeypress="mfp_reset(this.form)" /> <input type="button" value="確認画面へ" onclick="sendMail(this.form)" onkeypress="sendMail(this.form)" />
</div>
</div>
</form>
<!--[ここまでメールフォームプロ・本体]-->
</div>
</div>
</div>
</body>
</html>
Zerion Mini Shell 1.0