在HTML 表單領域,一個有抱負的按鈕面臨著一個意想不到的難題:儘管它本質上無害,但它在單擊時會觸發表單提交。這種行為可能看起來違反直覺,特別是考慮到其呼叫自訂 JavaScript 函數的預期目的。
為了解決此問題,HTML 引入了按鈕「類型」屬性的概念。預設情況下,按鈕採用「提交」類型,從而在啟動時提交表單。要修正此問題,開發人員必須明確地將按鈕的類型設為“按鈕”,如下所示:
此指定可確保按鈕充當純按鈕,缺乏表單提交功能。
歷史根源
在「type」屬性出現之前,瀏覽器將按鈕視為本質上服從的元素。此行為源自於原始表單提交機制,該機制依賴於明確提交按鈕的存在。因此,為了保持向後相容性,預設按鈕行為仍然是提交。
標準更新
HTML Living Standard 以及 HTML 5 規範已編纂按鈕元素的缺失值和無效值預設為「提交按鈕」狀態。此規範進一步強調了使用「type」屬性明確定義按鈕預期功能的重要性。
以上是如何防止按鈕提交 HTML 表單?的詳細內容。更多資訊請關注PHP中文網其他相關文章!