這是我的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