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

Question

按钮类型与type="button"对比type="submit"有没有区别？是否存在功能差异，还是仅仅是简化代码阅读的描述性名称？

这与输入不同吗？

Answer 1

一个类型为“button”的按钮不会提交表单，而是一个没有type或type = submit（默认）的表单。 type = submit的按钮与type = submit的输入几乎相同，但按钮可以包含HTML内容。

Answer 2

从MDN：

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

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

至于button和input之间的差：

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

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

• A button可以有HTML内容（例如图片），而input只能有文字。

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

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

Answer 3

<button type="button"></button>按钮将无法提交表单 - 它们默认情况下不执行任何操作。 Button不会自行提交表单。它是一个简单的按钮，用于通过javascript执行某些操作，而Submit是一种按钮，默认情况下会在用户单击提交按钮时提交表单。