如何在 Firefox 中阻止按鈕提交表單？

使用按鈕阻止表單提交

使用表單時，有時需要添加執行特定操作而不觸發表單提交的按鈕。在本文中，我們將深入研究如何防止特定按鈕（例如所提供的程式碼片段中的「刪除」按鈕）在 Firefox 中提交表單，同時允許其他按鈕這樣做。

問題陳述

在給定的 HTML 表單中，「新增」按鈕正常運作，而「刪除」按鈕在點擊時提交表單。此行為特定於 Firefox，是由於 HTML5 按鈕元素的預設行為而出現的。

了解問題

依據 W3 規範，HTML5 按鈕元素繼承預設型別「提交」 。這意味著除非另有明確指定，否則按鈕具有提交其包含表單的固有行為。

解決方案：覆寫預設類型

若要防止「刪除」按鈕提交表單，請使用下列方法：需要覆寫其預設類型。這可以透過明確指定類型為“button”來實現：

<button type="button" onclick="removeItem(); return false;">Remove Last Item</button>

透過將 type 屬性設為“button”，我們指示按鈕的行為類似於標準按鈕元素，而不提交表單。但是，我們還需要包含一個額外的 return 語句：

return false;

此 return 語句可防止按鈕的預設操作（即提交表單）發生。組合這兩個元素可確保「刪除」按鈕觸發所需的 JavaScript 函數，而無需提交表單。

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