在今天的现代浏览器中，使用输入[type =“button”]比使用<button>有什么优势？

Question

从我所知道的关于<button> s与input[type="button"]，我看不出有什么好处，迫使我使用input[type="button"] - 有没有？

请注意，我不在乎< IE11。

Answer 1

我不确定是否还有其他技术上的原因，但我更喜欢简单的HTML和CSS。

编写<button>Button</button>和使用button {…}比编写<input type="button" value="Button'>和input[type="button"] {…}更容易。更何况你的<input type="button">可能继承了不幸的input {…}风格，需要更多的CSS线来消除损坏。

这两种方法都适用于很多年龄段（IE6 +？），尽管我相信一些较旧的浏览器默认情况下会提供<button>点击提交表单，除非另有说明。

Answer 2

这是一个很好的问题，因为答案不是你所期望的。

原来最相关的考虑是不是<input>/<button>元素在所有...但type属性。

这里的原因：

的<button>默认行为是相同的<input type="submit" />

如果你想获得一个<button>表现（以及外观）一样<input type="button" />，你需要使用.. 。

<button type="button">