HTML表单中的按钮有哪些类型？

提交按钮（submit）

这是最常见的表单按钮类型，用于将表单数据提交到服务器进行处理。当用户点击提交按钮时，表单中的数据会被收集并发送到指定的 URL 或服务器脚本进行处理。例如：

```html

```

在上述代码中，`action`属性指定了表单数据提交的目标 URL（这里假设是 `submit.php`），`method`属性指定了提交方式（这里是 `post`）。当用户在文本框中输入用户名并点击“提交”按钮后，表单数据将被发送到 `submit.php` 进行处理。

重置按钮（reset）

重置按钮用于将表单中的所有输入字段重置为其默认值。当用户点击重置按钮时，表单中的数据将被清除，用户可以重新输入。例如：

```html

```

在这个例子中，当用户点击“重置”按钮后，文本框中的内容将被清除，恢复为默认的“默认用户名”。

普通按钮（button）

普通按钮可以用于执行自定义的 JavaScript 函数或其他操作，而不是提交表单或重置表单。它没有默认的行为，需要通过 JavaScript 来定义其功能。例如：

```html

```

在上述代码中，通过 `onclick` 属性指定了当按钮被点击时要执行的 JavaScript 函数 `myFunction()`。当用户点击按钮时，会弹出一个警告框显示“你点击了按钮！”。

除了以上三种基本类型的按钮，还可以通过 CSS 来自定义按钮的外观和样式，以使其与网页的设计风格相匹配。例如，可以设置按钮的背景颜色、边框、字体等属性，使其看起来更加美观和独特。

在实际开发中，根据不同的需求选择合适的按钮类型非常重要。如果需要提交表单数据，使用提交按钮；如果需要将表单重置为默认值，使用重置按钮；如果需要执行自定义的操作，使用普通按钮并结合 JavaScript 来实现。

HTML 表单中的按钮类型为表单的交互和数据处理提供了丰富的选择，开发人员可以根据具体情况灵活运用，以创建出功能完善、用户体验良好的表单界面。