<button> vs. <input type=“button” />. Which to use

Question

<button> vs. <input type=“button” />. Which to use

在查看大多数站点(包括SO)时，大多数站点使用：

<input type="button" />

而不是：

<button></button>

• 两者之间的主要区别是什么？
• 是否有正当的理由使用其中一种而不是另一种？
• 是否有正当的理由使用组合它们？
• 使用

  <button>

  来的兼容性问题，看到它不是很广泛的使用？

Answer 1

这里有一页描述不同之处(基本上可以将html放入<button></button>)另一页描述为什么人们避免<button></button>(提示：IE6)使用时的另一个IE问题<button />:当我们谈论IE的时候，它有一些与按钮宽度相关的bug。当您尝试添加样式时，它会神秘地添加额外的填充，这意味着您必须添加一个小黑客才能控制一切。

Answer 2

作为一个副词，<button>将隐式提交，如果要在窗体中使用按钮而不提交按钮，则可能会导致问题。因此，另一个使用<input type="button">(或<button type="button">)编辑&nbsp;-&nbsp;更多细节没有一种类型，button隐式接收类型submit..无论表单中有多少提交按钮或输入，任何显式或隐式键入为Submit的按钮或输入在单击时都将提交表单。按钮有3种受支持的类型submit&nbsp;||&nbsp;&nbsp;"submits&nbsp;the&nbsp;form&nbsp;when&nbsp;clicked&nbsp;(default)"reset&nbsp;&nbsp;||&nbsp;&nbsp;"resets&nbsp;the&nbsp;fields&nbsp;in&nbsp;the&nbsp;form&nbsp;when&nbsp;clicked"button&nbsp;||&nbsp; &nbsp;"clickable,&nbsp;but&nbsp;without&nbsp;any&nbsp;event&nbsp;handler&nbsp;until&nbsp;one&nbsp;is&nbsp;assigned"

Answer 3

这篇文章似乎提供了一个相当好的区别概述。从该页：使用按钮元素函数创建的按钮就像用输入元素创建的按钮一样，但是它们提供了更丰富的呈现可能性：按钮元素可能有内容。例如，包含类似并可能类似于输入元素的按钮元素，其类型设置为“Image”，但按钮元素类型允许内容。Button元素-w3c