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

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

Patricia Arquette
Patricia Arquette原創
2024-12-21 03:38:09381瀏覽

How Can I Prevent a Button from Submitting an HTML Form?

防止點擊刪除按鈕時提交表單

在提供的 HTML 表單中,按一下「刪除」按鈕會觸發表單提交。為了防止這種行為,必須了解 HTML5 按鈕元素具有提交表單的預設行為(如 W3C 規範所定義)。

要覆寫此預設行為,請明確指定按鈕的類型為按鈕:

<button type="button">Remove Last Item</button>

透過將type 屬性設為“button”,您可以指示瀏覽器將Button 元素視為啟動自訂JavaScript 程式碼的按鈕(在本例中,

<script>
  function removeItem() {
    // Custom code to remove the last row
  }
</script>

此修改可確保「刪除」按鈕在單擊時不再提交表單,從而允許您執行其他操作,例如刪除一行從表或更新應用程式中的數據,而不觸發表單提交。

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn