如何防止按鈕元素提交表單？

可以設定元素以避免表單提交？

同時使用和時會出現一個常見的困境。 和形式中的元素，每個元素都有不同的目的。而元素通常用於樣式目的，它們繼承了單擊時提交表單的預設行為。如果被按下，這可能會帶來挑戰。旨在執行操作而不觸發表單提交。

要解決這個難題，關鍵在於修改 的 type 屬性。預設情況下，它設定為“提交”，導致表單被提交。但是，將其設為“按鈕”會有效地取消此預設行為。

範例：

考慮以下HTML 程式碼：

<button type="submit">Submit</button>
<a href="index.html"><button>Cancel changes</button></a>

中在此範例中，第一個按鈕提交表單，而第二個按鈕提交表單個按鈕導航到“index.html”頁面。但是，如果目標是使用jQuery UI 設定“取消更改”按鈕的樣式而不導致表單提交，則屬性修改應如下所示：

<a href="index.html"><button type="button">Cancel changes</button></a>

透過將類型設為“按鈕”，按鈕保留其樣式功能而不觸發表單提交。

注意：

值得注意的是與依賴JavaScript 事件處理程序來阻止表單提交相比，在HTML 標記中指定type="button" 是一種更乾淨、更有效的方法。

以上是如何防止按鈕元素提交表單？的詳細內容。更多資訊請關注PHP中文網其他相關文章！