我将引用文章锚、输入和按钮之间的区别：

锚（＜a＞元素）表示超链接，即用户可以在浏览器中导航或下载的资源。如果您希望允许用户移动到新页面或下载文件，请使用锚点。

一个输入（＜input＞）表示一个数据字段：所以您打算将一些用户数据发送到服务器。有几种与按钮相关的输入类型：

<input-type=“submit”><input-type=“image”><input-type=“file”><输入类型=“重置”><input-type=“button”>

它们每个都有一个含义，例如“file”用于上传文件，“reset”清除表单，“submit”将数据发送到服务器。检查MDN或W3Schools上的W3参考。

按钮（＜button＞）元素非常通用：

可以在按钮中嵌套元素，例如图像、段落或标题；按钮还可以包含：：before和：：after伪元素；按钮支持禁用属性。这使得转向变得容易他们断断续续。

再次，检查MDN或W3Schools上<button>标记的W3参考。

＜button＞很灵活，因为它可以包含HTML。此外，使用CSS进行样式设置要容易得多，而且样式设置实际上适用于所有浏览器。然而，Internet Explorer（Ew！IE！）存在一些缺点。Internet Explorer使用标记的内容作为值，无法正确检测value属性。表单中的所有值都会发送到服务器端，无论是否单击按钮。这使得将其用作<button type=“submit”>变得棘手和痛苦。

另一方面，＜input type＝“submit”＞没有任何值或检测问题，但您不能像使用＜button＞那样添加HTML。它也很难进行样式设置，并且样式设置在所有浏览器中的响应并不总是很好。希望这有所帮助。

<button>

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

vs.

<input type='button'>

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

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

引用

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

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

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

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

从页面：

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

引用HTML手册中的表单页：

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