关于前端:button和input-typebutton到底有什么区别

<button>和<input type=”button”>的区别

  1. <button>标签定义了一个按钮。在button元素外部能够搁置内容,例如文本或图像。
  2. input type=”button”>`标签定义了一个按钮,如果不写js的话,按上来什么也不会产生。
  3. <input type="submit">标签定义了一个按钮,用户点击后会主动提交表单,除非写js阻止事件产生。
  4. button在ie中的默认类型时button,而在其余浏览器中(包含w3c标准)的默认值是submit。

    • type = button就是单纯的按钮性能
    • type = submit就是发送表单
    • 应用submit后,页面反对enter键操作,用button后往往页面不反对enter键,默认enter键对第一个submit进行操作
  5. <input type="button">并不是一个画面元素,而是一个表单元素,和文本输出一样,都属于“数据”的一部分(特色是:有value属性,而且该属性的值会被送到server端,能够拿来用)。只有表单数据有这个个性,<button>无奈把本人当成Form的数据。
  6. <button>放在form中会主动提交表单,然而他的毛病是不同浏览器提交的value会不一样。
              button       input[type="submit]      input[type="button"]
   ie         button          input submit              input button
   chrome      ""             input submit              input button

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理