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

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

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

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

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

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

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

此外，其中一个差异可能来自于库的提供者以及它们的代码。例如，我在这里使用的是cordova平台和移动angular ui，尽管input/div/etc标签与ng单击配合使用很好，但该按钮可能会导致Visual Studio调试器崩溃，当然是由于程序员造成的差异；注意，MattC的答案指向了同一个问题，jQuery只是一个库，提供者没有想到一个元素上的某些功能，而他/她在另一个元素中提供的功能。因此，当您使用库时，您可能会遇到一个元素的问题，而另一个元素则不会遇到这个问题。简单地说，像输入这样的流行输入，大多是固定输入，因为它更流行。

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

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

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