• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

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

互联网 diligentman 1周前 (10-15) 16次浏览

<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

喜欢 (0)