首頁 > web前端 > js教程 > 如何阻止 HTML 按鈕提交表單?

如何阻止 HTML 按鈕提交表單?

DDD
發布: 2025-01-02 17:33:41
原創
896 人瀏覽過

How to Stop HTML Buttons from Submitting Forms?

如何阻止按鈕提交表單

問題:
在某些場景下,例如使用HTML5用於新增或刪除項目的按鈕元素,因此必須防止刪除按鈕觸發表單提交。雖然新增按鈕不會提交表單,但刪除按鈕會提交表單。此問題需要一個解決方案來停用所需按鈕的表單提交。

解決方案:

HTML5 按鈕元素的預設行為是提交它們所包含的表單要覆寫此行為,必須指定明確型別屬性。透過將類型設為“按鈕”而不是預設的“提交”,我們可以阻止按鈕觸發表單提交。

下面更正後的程式碼片段示範如何實現此修改:

<button type="button" onclick="removeItem(); return false;">Remove Last Item</button>
登入後複製

說明:

HTML 元素中的「type」屬性定義了所使用按鈕的類型。將其設為「button」清楚地表明該按鈕的用途是執行 JavaScript 函數,而無需額外的表單操作。 「返回假;」語句進一步阻止點擊按鈕時提交表單。

透過進行此更改,刪除按鈕將不再導致表單提交,而新增按鈕將繼續按預期運行而不提交表單。

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板