我可以做一个 不提交表格？

Question

我有一个表格，有两个按钮

<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干预的情况下阻止后退按钮提交表单？

老实说，我只使用了一个按钮，因此可以使用jQueryUI设置样式。我尝试调用button()该链接，但未如预期的那样工作（看起来非常难看！）。

Answer 1

为默认值type的属性的button元素是“提交”。将其设置type="button"为产生不提交表单的按钮。

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

用HTML标准的话说：“什么都不做。”