按钮类型"按钮"与"提交"

Question

a button与type="button"vs 之间有区别type="submit"吗？是否存在功能差异,或者它只是一个描述性名称,以便更轻松地阅读代码？

这有input什么不同吗？

Answer 1

来自MDN:

type
按钮的类型.可能的值是:

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

至于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>
  

• A button可以有HTML内容(例如图像),而input只能有文本.

• 一个button可能更容易分辨从其他input控件(如文本字段)的CSS.注意向后浏览器兼容性.

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

Answer 2

带有"按钮"类型的按钮不会提交表单,但是没有类型或类型=提交(默认)的表单将会提交.type = submit的按钮与type = submit的输入几乎相同,但按钮可以包含HTML内容.