button标签和input的button

今天写表单的时候，加了几条验证信息，想实现局部刷新，类似ajax ，例如 用户名不能为空之类的，但是在测试的时候，用户名为空的情况下依然刷新整个界面给我提交了，这就很难受了。
还好我之前写的时候参照过网友的一个表单，在他的代码下运行一点都没问题，于是我就看我的哪里和他不一样，终于经过我的火眼金睛，我发现我提交按钮用的是button标签，他是input里的button，
经测试 button应该和input 里的submit一样，有提交功能，而input得button应该就是纯按钮，时间紧迫，后续我再验证自己的猜测是否正确

---

紧接着还是查了查，果然我的猜测是正确的，
button标签也有三个type 属性，分别是： button submit reset，默认是submit

下面是原文链接：

https://blog.csdn.net/jal517486222/article/details/81459395

又回到w3c官方文裆看了看Button 标签，发现了很重要的东西

如果在 HTML 表单中使用 button 元素，不同的浏览器会提交不同的值。Internet Explorer 将提交 <button> 与 <button/> 之间的文本，而其他浏览器将提交 value 属性的内容。请在 HTML 表单中使用 input 元素来创建按钮。

所以表单里面还是用input标签来提交吧，虽然语义化差点，但是可以避免各种你意想不到的BUG