button vs input type ="submit"vs onclick ="document.formname.submit()"

在前端开发中，button 和 input type="submit" 都可以用于创建提交按钮，但它们之间存在一些差异。

1. button 标签：

button 标签是 HTML5 中引入的一个通用按钮标签，它可以用于创建多种类型的按钮，例如提交按钮、重置按钮、普通按钮等。button 标签可以包含文本和图像，并且可以通过 CSS 进行样式化。在表单中，button 标签可以通过 JavaScript 进行监听，以执行特定的操作，例如提交表单。

1. input type="submit"：

input type="submit" 是一个特殊类型的 input 标签，它用于创建提交按钮。与 button 标签不同，input type="submit" 只能用于提交表单，并且它的文本内容不能被修改。input type="submit" 的样式通常不可定制，因此开发者通常会使用 CSS 对其进行样式化。

1. onclick 事件：

onclick 事件是一个 JavaScript 事件，用于在用户单击按钮时执行特定操作。在前端开发中，可以将 onclick 事件与 button 标签或 input type="submit" 标签结合使用，以执行特定的操作，例如提交表单或调用 JavaScript 函数。

总结：

button 和 input type="submit" 都可以用于创建提交按钮，但 button 标签更加灵活，可以包含文本和图像，并且可以通过 CSS 进行样式化。在表单中，button 标签可以通过 JavaScript 进行监听，以执行特定的操作。而 input type="submit" 只能用于提交表单，并且它的文本内容不能被修改。在前端开发中，可以使用 onclick 事件与 button 标签或 input type="submit" 标签结合使用，以执行特定的操作。