<input type='submit' />不支持其中的HTML，因为它是一个单独的自关闭标记。<button>，另一方面，支持HTML，图像等内部，因为它是一个标签对:<button><img src='myimage.gif' /></button>。<button>在CSS样式方面也更加灵活。

<button>的缺点是旧浏览器不完全支持它。例如，IE6/7无法正确显示。

除非你有一些特殊的原因，否则最好坚持<input type='submit' />。

http://www.w3.org/TR/html4/interact/forms.html#h-17.5

用BUTTON元素函数创建的按钮就像用INPUT元素创建的按钮一样，但是它们提供了更丰富的呈现可能性:BUTTON元素可以包含内容。例如，包含图像函数的BUTTON元素可能类似于类型设置为“image”的INPUT元素，但BUTTON元素类型允许内容。

所以就功能而言，它们是可互换的!

(别忘了，type="submit"是默认的with按钮，所以不要用它!)

<input type="button" />只是一个按钮，本身不会做任何事情。 <input type="submit" />，在表单元素中，当单击时将提交表单。

另一个有用的“特殊”按钮是<input type="reset" />，它将清除表单。

当使用input type="submit"和button时，有一件事需要考虑。使用input type="submit"，你不能在输入上使用CSS伪元素，但可以在按钮上使用!

这就是在样式化方面使用按钮元素而不是输入元素的原因之一。

虽然这两个元素在功能上提供了相同的结果*，但我强烈建议您使用<button>:

Far more explicit and readable. input suggests that the control is editable, or can be edited by the user; button is far more explicit in terms of the purpose it serves Easier to style in CSS; as mentioned above, FIrefox and IE have quirks in which input[type="submit"] do not display correctly in some cases Predictable requests: IE has verying behaviours when values are submitted in the POST/GET request to the server Markup-friendly; you can nest items, for example, icons, inside the button. HTML5, forward-thinking; as developers, it is our responsibility to adopt to the new spec once it is officialized. HTML5, as of right now, has been official for over one year now, and has been shown in many cases to boost SEO.

*除了<button type="button">，默认情况下没有指定的行为。

总之，我强烈反对使用<input type="submit"/>。

我知道这是一个老问题，但我在mozilla.org上找到了这个问题，并认为它适用。

按钮可以有三种类型:提交、重置或按钮。点击一个 控件定义的网页发送表单数据 元素的Action属性。点击重置按钮 立即将所有表单小部件重置为默认值。从一个 从用户体验的角度来看，这是一种糟糕的做法。点击按钮 按钮做……没有什么!这听起来很傻，但却非常有用 用JavaScript构建自定义按钮。

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/My_first_HTML_form And_a_ <按钮> _to_finish