虽然这是一个非常古老的问题，可能不再相关，但请记住，＜button＞标签过去存在的大多数问题已经不存在了，因此非常建议使用它。

如果由于各种原因无法做到这一点，请记住在标记中添加属性role=“button”作为可访问性。本文内容丰富：https://www.deque.com/blog/accessible-aria-buttons/

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

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

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

<button>

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

vs.

<input type='button'>

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

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

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

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

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

引用HTML手册中的表单页：

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