乐趣区

关于前端: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
退出移动版