札幌Web制作のシンクグラフィカ

西本さん (2016-09-25 02:50:21) まだ作成中で出来ていません。。。

和田様
お忙しい中すみません、ご教示頂けると嬉しいです。

1ページに以下のような2つのフォームを設置したいのですが、
現状、JavaScript？が後ろの方のフォームで動かず必須項目がチェックできなかったり、
cssが上手くあたっていません。

メールフォームプロは同一ページに複数設置可能でしょうか？


<!--申し込み フォーム -->
<form id="mailformpro" class="mailformpro" action="mailformpro/mailformpro.cgi" method="POST">
<table>
<tr>
<th>お名前</th>
<td><input type="text" name="お名前" size="33" required="required" /></td>
</tr>
<tr>
<th>住所</th>
<td><input type="text" name="住所" size="33" required="required" /></td>
</tr>
<tr>
<th>メールアドレス</th>
<td><input type="email" data-type="email" name="email" size="45" maxlength="60" required="required"/></td>
</tr>
</table>
<button type="submit">メールを送信する</button>&nbsp;&nbsp;<button type="reset">リセット</button>
</form>
<script type="text/javascript" id="mfpjs" src="mailformpro/mailformpro.cgi" charset="UTF-8"></script>

<!--問い合わせ フォーム -->
<form id="mailformpro" class="mailformpro2" action="mailformpro/mailformpro.cgi?type=inquiry" method="POST" >
<table>
<tr>
<th>お名前</th>
<td><input type="text" name="お名前" size="33" required="required" /></td>
</tr>
<tr>
<th>メールアドレス</th>
<td><input type="email" data-type="email" name="email" size="45" maxlength="60" required="required"/></td>
</tr>
</table>
<button type="submit">メールを送信する</button>&nbsp;&nbsp;<button type="reset">リセット</button>
</form>
<!--<link rel="stylesheet" href="mailform/mailform.css" type="text/css">-->
<script type="text/javascript" id="mfpjs" src="mailformpro/mailformpro.cgi?type=inquiry" charset="UTF-8"></script>