按钮类型“按钮”与“提交”

Question

a button 与 type="button" 与 type="submit" 之间有区别吗？是否存在功能差异，或者它只是一个更容易阅读代码的描述性名称？

这与 input 不同吗？

原文由 akantoword 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

来自 MDN ：

type

按钮的类型。可能的值是：

• submit ：按钮将表单数据提交到服务器。 如果未指定属性，或者属性动态更改为空值或无效值，则这是默认 值。
• reset ：该按钮将所有控件重置为其初始值。
• button ：按钮没有默认行为。它可以具有与元素事件关联的客户端脚本，这些脚本在事件发生时触发。

至于 button 和 input 之间的区别：

• A button 可以有一个单独的值作为数据，而对于 input 数据和按钮文本总是相同的：

   <input type="button" value="Button Text"> <!-- Form data will be "Button Text" -->
  <button type="button" value="Data">Button Text</button>

• button 可以包含 HTML 内容（例如图像），而 input 只能包含文本。

• button 可能更容易与 CSS 中的其他 input 控件（如文本字段）区分开来。注意向后的浏览器兼容性。

   input {

  }
  button { /* Always works */

  }
  input[type=button] { /* Not supported in IE < 7 */

  }

原文由 Midas 发布，翻译遵循 CC BY-SA 3.0 许可协议