首頁 >web前端 >js教程 >按鈕如何在沒有 JavaScript 的情況下防止不需要的表單提交?

按鈕如何在沒有 JavaScript 的情況下防止不需要的表單提交?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-01 11:39:13631瀏覽

How Can a Button Prevent Unwanted Form Submission Without JavaScript?

按鈕可以避免提交表單嗎?

在包含兩個按鈕的表單中,一個「取消更改」按鈕和一個「提交」按鈕按鈕,兩者都使用 jQuery UI 設計樣式,前者意外地提交了表單。儘管缺少“type=submit”屬性,但它會導致表單提交。

雖然 JavaScript 解決方案可以使用事件處理來阻止這種情況,但有沒有辦法在不依賴 JavaScript 的情況下停用表單提交?

答案:

按鈕元素的預設「type」屬性是「submit」。將屬性設為“button”會阻止按鈕提交表單。

<button type="button">Cancel Changes</button>

如 HTML 標準所述,具有「type=button」屬性的按鈕「不執行任何動作」。

以上是按鈕如何在沒有 JavaScript 的情況下防止不需要的表單提交?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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