我可以讓 <button> 不提交表單嗎？

Question

我有一個有 2 個按鈕的表單

<a href="index.html"><button>Cancel changes</button></a>

<button type="submit">Submit</button>

我也在它們上使用了 jQuery UI 的按鈕，就像這樣

$('button').button();

但是，第一個按鈕也會提交表單。我本來以為如果沒有 type="submit" 就不會。

顯然我可以做到

$('button[type!=submit]').click(function(event) { event.stopPropagation(); });

但是有沒有辦法可以阻止後退按鈕在沒有 JavaScript 幹預的情況下提交表單？

說實話，我只是使用了一個按鈕，這樣我就可以使用 jQuery UI 對其進行樣式設定。我嘗試在連結上呼叫 button() ，但它沒有按預期工作（看起來很醜陋！）。

Answer 1

button 元素 a> 的預設類型為 submit。

您可以透過設定按鈕類型來使其不執行任何動作：

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

Answer 2

typebutton 元素的 /code> 屬性 是「提交」。將其設為 type="button" 以產生一個不提交表單的按鈕。

<button type="button">Submit</button>

用HTML 標準的話：「什麼都不做。」