关于前端: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