カテゴリー: メールフォーム

田中石材のinquiryにて実装中

※textareaのname属性を記入するとwidthが小さくなるので、config.cgiの172行目あたりの　push @AddOns,’sizeajustdisabled.js’; ## 入力欄の自動調整機能を無効化の箇所のコメントアウトを取ること。

<div class=”col-lg-12″>

<div id=”form-container”>

<!–[ここからメールフォームプロ・本体]–>

<link rel=”stylesheet” href=”../mailformpro4.1.4/mfp.statics/mailformpro.css” type=”text/css”/>

<form id=”mailformpro” action=”../mailformpro4.1.4/mailformpro/mailformpro.cgi” method=”POST”>

<div class=”form-group row”>
<label class=”col-md-3 col-form-label text-md-right” >お名前<span class=”kome01″>※</span></label>
<div class=”col-md-5″>
<input type=”text” name=”お名前” required=”required” class=”form-control” onkeyup=”inputTyping(this.form.id,’セイ’,event.keyCode,this)” />
<small class=”form-text”>（全角）</small>
</div>
</div>

<div class=”form-group row”>
<label class=”col-md-3 col-form-label text-md-right” >フリガナ<span class=”kome01″>※</span></label>
<div class=”col-md-5″>
<input type=”text” name=”フリガナ” class=”form-control” required=”required” />
<small class=”form-text”>（カタカナ）</small>
</div>
</div>

<div class=”form-group row”>
<label class=”col-md-3 col-form-label text-md-right” >郵便番号<span class=”kome01″>※</span></label>
<div class=”col-md-5″>
<input type=”text” name=”郵便番号” class=”form-control” required=”required”/>
<small class=”form-text”> ※ハイフンなしでご記入ください。　<a href=”http://www.post.japanpost.jp/zipcode/” target=”_blank”>郵便番号を調べる</a></small>
</div>
</div>

<div class=”form-group row”>
<label class=”col-md-3 col-form-label text-md-right” >ご住所<span class=”kome01″>※</span></label>
<div class=”col-md-5″>
<input type=”text” name=”ご住所” class=”form-control” required/>

</div>
</div>

<div class=”form-group row”>
<label class=”col-md-3 col-form-label text-md-right” >電話番号<span class=”kome01″>※</span></label>
<div class=”col-md-5″>
<input type=”text” name=”電話番号” class=”form-control” required=”required”/>
<small class=”form-text”>(半角)</small>
</div>
</div>

<div class=”form-group row”>
<label class=”col-md-3 col-form-label text-md-right” >メールアドレス<span class=”kome01″>※</span></label>
<div class=”col-md-5″>
<input type=”email” data-type=”email” data-parent=”mailfield” name=”email” class=”form-control” required=”required” />
<small class=”form-text”>(半角)</small>
</div>
</div>

<div class=”form-group row”>
<label class=”col-md-3 col-form-label text-md-right” >確認のためもう一度<span class=”kome01″>※</span></label>
<div class=”col-md-5″>
<input type=”text” name=”confirm_email” class=”form-control” required=”required” />
<small class=”form-text”>(半角)</small>
</div>
</div>

<div class=”form-group row”>
<label class=”col-md-3 col-form-label text-md-right” >お問合せ内容<span class=”kome01″>※</span></label>
<div class=”col-md-8″>
<textarea rows=”5″ name=”お問合せ内容” class=”form-control” ></textarea>

</div>
</div>
<div class=”form-row”>
<div class=”col-12 text-right”>
<div class=”mfp_buttons”> <button type=”reset” class=”btn btn-primary pl-2 pr-2″>リセット</button>&nbsp;&nbsp;<button type=”submit” class=”btn btn-primary pl-2 pr-2″>送信</button></div>
</div>
</div>

</form>

<script type=”text/javascript” id=”mfpjs” src=”../mailformpro4.1.4/mailformpro/mailformpro.cgi” charset=”UTF-8″></script>

<!–[ここまでメールフォームプロ・本体]–>

</div>

</div>