我可以做一个<按钮>不提交表单吗？

Question

我可以做一个<按钮>不提交表单吗？我有一张表格，有两个按钮<a href="index.html"><button>Cancel changes</button></a><button type="submit">Submit</button>我也在它们上使用jQueryUI的按钮，就像这样$('button').button();但是，第一个按钮也提交表单。如果它没有type="submit"不会的。显然我能做到$('button[type!=submit]').click(function(event) { event.stopPropagation(); });但是，我是否可以在没有JavaScript干预的情况下阻止Back按钮提交表单呢？老实说，我只使用了一个按钮，这样就可以使用jQueryUI对其进行样式设计。我试着打电话button()在链接上，它没有像预期的那样工作(看起来很难看！)

Answer 1

控件的默认值。type属性button元素 是“提交”。把它设置为type=button生成不提交表单的按钮。

<button type=button>Submit</button>

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

Answer 2

这个button元素具有默认类型的submit.

通过设置button:

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