就CSS样式而言，＜button type=“submit”class=“Btn”＞示例＜/button＞更好，因为它可以让您使用CSS：before和：after伪类，这会有所帮助。

由于在某些情况下使用类样式时，<inputtype=“button”>的视觉呈现与<a>或<span>不同，因此我避免使用它们。

值得注意的是，目前的最高答案是2009年写的。IE6现在已经不受关注了，所以<button type=“submit”>Wins</button>风格一致性在我看来是最重要的。

引用HTML手册中的表单页：

使用BUTTON元素创建的按钮的功能与使用INPUT元素创建的相同，但它们提供了更丰富的呈现可能性：BUTTON元件可能有内容。例如，包含图像的BUTTON元素的功能类似于类型设置为“image”的INPUT元素，但BUTTON类型允许内容。

如果您使用的是jQuery，则会有很大的不同。jQuery知道输入上的事件比按钮上的事件多。在按钮上，jQuery只知道“单击”事件。在输入上，jQuery能够识别“点击”、“聚焦”和“模糊”事件。

您可以随时根据需要将事件绑定到按钮，但只需注意jQuery自动识别的事件是不同的。例如，如果您创建了一个函数，该函数在页面上出现“focusin”事件时执行，则输入将触发该函数，但按钮不会触发。

这篇文章似乎很好地概括了两者的区别。

从页面：

使用BUTTON元素创建的按钮与按钮一样使用INPUT元素创建，但是它们提供了更丰富的渲染可能性：BUTTON元素可能有内容。例如，按钮包含图像的元素函数类似于类型设置为的INPUT元素“image”，但BUTTON元素类型允许内容。Button元素-W3C

引用

重要提示：如果在HTML表单中使用button元素，不同的浏览器将提交不同的值。Internet Explorer将提交＜button＞和＜/button＞标记之间的文本，而其他浏览器将提交value属性的内容。使用input元素在HTML表单中创建按钮。

发件人：http://www.w3schools.com/tags/tag_button.asp

如果我理解正确，答案是浏览器之间的兼容性和输入一致性

<button>

默认情况下，其行为类似于具有“type=”submit“属性可以在没有表单的情况下使用，也可以在表单中使用。允许文本或html内容允许css伪元素（如：before）标记名通常是单个表单的唯一名称

vs.

<input type='button'>

类型应设置为“submit”，以作为提交元素只能在表单中使用。仅允许文本内容没有css伪元素与大多数表单元素（输入）相同的标记名

--在现代浏览器中，这两个元素都很容易使用css设置样式，但在大多数情况下，按钮元素是首选的，因为您可以使用内部html和伪元素设置更多样式