如何防止按鈕提交表單
在 HTML 中，當點擊表單中的按鈕時，通常會觸發表單提交。但是，在某些情況下，您可能希望按鈕在不提交表單的情況下執行特定操作。
考慮以下表單：
<code class="html"><form id="myform">
<label>Label
<input />
</label>
</form>
<button>My Button</button></code>在此範例中，按一下按鈕仍會觸發表單提交，即使它位於表單元素之外。為了防止這種不良行為，您可以為按鈕指定type="button" 屬性：
<code class="html"><button type="button">My Button</button></code>
透過JavaScript 的替代解決方案
如果您喜歡處理使用JavaScript，您可以停用預設的表單提交行為。以下是使用事件監聽器的範例：
<code class="html"><button onclick="event.preventDefault();">My Button</button></code>
在這種情況下，event.preventDefault() 函數會阻止點擊按鈕時提交表單。
結論
透過按鈕指定 type="button" 或使用 JavaScript 抑制預設操作，您可以阻止按鈕提交表單，即使它位於表單元素之外。
以上是如何防止按鈕在 HTML 和 JavaScript 中提交表單？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
