前端做按钮的方法介绍以及input与button的区别「最简洁易懂」

在一个页面上画一个按钮，有四种办法：

四种方法：

1. <input type=“button” /> 这就是一个按钮。如果你不写javascript 的话，按下去什么也不会发生。
2. <input type=“submit” /> 这样的按钮用户点击之后会自动提交 form，除非你写了javascript 阻止它。会提交到form标签的指定action路径中，详细请翻阅文档查看form标签。
3. <button> 这个按钮放在 form 中也会点击自动提交，比前两个的优点是按钮的内容不光可以有文字，还可以有图片等多媒体内容。（当然，前两个用图片背景也可以做到）。它的缺点是不同的浏览器得到的 value 值不同；可能还有其他的浏览器兼容问题。
4. 其他标签，例如 a, img, span, div，然后用图片把它伪装成一个按钮。