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

下面是一个描述差异的页面（基本上，您可以将html放入＜button＞＜/button＞）另一页描述了为什么人们避免使用＜button＞＜/button＞（提示：IE6）

使用＜button/＞时的另一个IE问题：

当我们谈论IE时有几个与按钮宽度。它会神秘地尝试时添加额外填充添加样式，意味着必须添加把事情搞得一团糟控制

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

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

还值得一提的是，禁用属性在ios-safari的按钮上不起作用（另请参见-@Khris Vandal评论）。这也发生在我身上。

引用HTML手册中的表单页：

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

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

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