button 与 input type="button" 的区别

<button> 是行内块元素，其可以放置在文档的任意位置，并且可以包含文本和其他 HTML 元素。<input type="button" /> 是空元素（如 br、hr 和 image），因此不能包含内容。
<button> 支持伪元素，例如 ::after 和 ::before，这对于设置按钮样式非常有用。而 <input type="button" /> 没有。
默认情况下，<button> 具有默认属性 type="submit"，也就是自带 submit 事件。这意味着，如果没有指定 type 属性，单击该按钮将提交其封闭表单。

如果你希望 input 作为提交按钮，我们必须将 type 属性更改为 submit。

建议

button 元素比 button 类型的 input 更具语义。如果要创建可单击的按钮，建议使用 button 元素。
始终指定 button 元素的 type 属性。

可能的值是：

值	描述
`submit`	按钮将表单数据提交到服务器
`reset`	将表单输入重置为初始值
`button`	默认情况下，按下时不执行任何操作