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

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元素&nbsp;是“提交”。把它设置为type=button生成不提交表单的按钮。<button&nbsp;type=button>Submit</button>用HTML标准的话说：“什么都不做。”

Answer 2

这个button元素具有默认类型的submit.通过设置button:<button&nbsp;type="button">Cancel&nbsp;changes</button>