• <button> 可以包含 HTML。<input type="button" /> 是空元素（如 br、hr、image），因此不能包含内容。

  • <button> 支持伪元素，例如 ::after 和 ::before，这对于设置按钮样式非常有用。而 <input type="button" /> 没有。

  • 默认情况下，<button> 具有默认属性 type="submit"。这意味着，如果没有指定 type 属性，单击该按钮将提交其封闭表单。

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

建议

  • button 元素比 button 类型的 input 更具语义。如果要创建可单击的按钮，建议使用 button 元素。

  • 始终指定 button 元素的 type 属性。可能的值是

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