这是我的HTML代码 - 这里的表单不起作用。请帮助制定JavaScript和HTML,以便通过单击一次即可将这些表单提交到同一数据库。如何使用JavaScript一键提交按钮提交HTML中的两个表单?
的JavaScript的按钮:
<script>
submitBothForms = function() {
document.forms["userinfo"].submit();
document.forms["userinfo1"].submit();
}
</script>
<script>
clearForms = function(){
document.forms["userinfo"].reset();
document.forms["userinfo1"].reset();
}
</script>
HTML代码,其中的形式和按钮都存在这两个按钮清晰,保存代码必须提交到一个PHP文件到一个单一的数据库和单表。
<div class="row">
<div class="col-sm-12">
<div class="bill-to">
<div class="step-one">
<h2 class="heading">Add new Shipping address</h2>
</div>
<div class="form-one">
<form action="userinfo.php" name="userinfo" method="POST">
<input type="text" name="name" required placeholder="Name">
<input type="email" name="email" required placeholder="Email">
<input type="text" name="address1" required placeholder="Address 1">
<input type="text" name="address2" placeholder="Address 2">
</form>
</div>
</div>
<div class="form-two">
<form action="userinfo.php" name="userinfo1" method="POST">
<input type="text" name="zip" required placeholder="Zip/Postal Code">
<select>
<option>-- Country --</option>
<option>United States</option>
<option>Bangladesh</option>
<option>UK</option>
<option>India</option>
<option>Pakistan</option>
<option>Ucrane</option>
<option>Canada</option>
<option>Dubai</option>
</select>
<input type="tel" name="contact" required placeholder="Mobile Phone *">
<button type="submit" class="btn btn-primary" style="margin-right: 15px;" onClick="submitBothForms()">Save</button>
<button class="btn btn-primary" onclick="clearForm()">Clear</button>
</form>
</div>
</div>
</div>
编辑问题时,会有一个预览窗口向您展示问题的外观。你可能已经注意到你的代码没有出现在你想要的任何地方 - 请在将来使用预览窗口,以帮助你正确地获得代码格式。谢谢! – halfer