我只想在这里的其他答案中添加一些内容。输入元素被视为空元素或void元素（其他空元素包括area、base、br、col、hr、img、Input、link、meta和param。您也可以在此处检查），这意味着它们不能包含任何内容。除了没有任何内容外，空元素不能有任何伪元素，如：：after和：：before，我认为这是一个主要缺点。

引用HTML手册中的表单页：

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

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

锚（＜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参考。

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

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

如果要在表单中创建按钮，请使用输入元素中的按钮。如果要为操作创建按钮，则使用按钮标记。

在＜button＞元素中，您可以放置内容，如文本或图像。

<button type="button">Click Me!</button> 

这是该元素与使用＜input＞元素创建的按钮之间的区别。