我可以让 <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 标准的话：“什么也不做。”