如何阻止外部按鈕提交 HTML 表單？

如何防止HTML 按鈕提交表單

在Web 開發中，將按鈕放置在表單外部通常允許您執行JavaScript或點擊後的其他自訂操作。但是，在某些情況下，這些外部按鈕可能會無意中提交它們附近的表單。當您希望按鈕執行單獨的功能時，這可能會令人沮喪。

考慮以下場景：

<code class="html"><form id="myform">
    <label>Label <input></label>
</form>
<button>My Button</button></code>

當您點擊「我的按鈕」元素時，您可能會想要它觸發 JavaScript。但是，它意外地提交了 myform。

要解決此問題，必須修改按鈕的HTML 程式碼以防止其提交表單：

<code class="html"><button type="button">My Button</button></code>

新增帶有值的type 屬性「button」 明確指定按鈕不用於提交表單，從而禁用其提交功能。

更新（2019 年2 月5 日）：

根據根據HTML Living Standard 和HTML 5 規範，缺少type 屬性或type 屬性值無效會導致按鈕預設屬性值為“提交按鈕”狀態。

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