<button>和<input type="button">到底有什么区别

<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