<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">)

编辑 - 更多细节

没有一种类型，button隐式接收类型submit..无论表单中有多少提交按钮或输入，任何显式或隐式键入为Submit的按钮或输入在单击时都将提交表单。

按钮有3种受支持的类型

submit ||  "submits the form when clicked (default)"reset  ||  "resets the fields in the form when clicked"button || 
 "clickable, but without any event handler until one is assigned"

Answer 3

这篇文章似乎提供了一个相当好的区别概述。

从该页：

使用按钮元素函数创建的按钮就像用输入元素创建的按钮一样，但是它们提供了更丰富的呈现可能性：按钮元素可能有内容。例如，包含类似并可能类似于输入元素的按钮元素，其类型设置为“Image”，但按钮元素类型允许内容。

Button元素-w3c