按钮 是 HTML 中最基本的元素之一，我们可以在页面中使用它来实现各种交互效果。但是，button 元素并不仅仅只有一个简单的点击事件，它还有很多属性可以用来控制按钮的行为和样式。在这篇文章中，我们将会介绍 button 的一些常用属性以及它们的用法。元素 元素是一个内联元素，在 HTML 中用于创建一个可点击的按钮。通常情况下， 元素会显示为一个带有文本或图标的矩形区域，当用户点击它时，就会触发一些事情。

HTML 中使用 元素非常简单，只需要在页面中添加如下代码即可：

点击我

该代码将会在页面中创建出一个带有 "点击我" 文字的按钮。

除了上述最基本的用法外， 还支持很多其它属性来控制按钮的行为和样式。接下来我们将逐个介绍这些属性。

type 属性

元素支持 type 属性，该属性用于指定按钮类型。HTML 规范定义了 3 种类型：submit、reset 和 button。

- submit：表示该按钮提交表单数据。

- reset：表示该按钮重置表单数据。

- button：表示该按钮仅仅是一个普通的按钮，不会有任何默认行为。

举例来说，如果我们想要创建一个用于提交表单数据的按钮，可以使用如下代码：

提交

value 属性

元素还支持 value 属性，该属性用于指定按钮上显示的文本。当用户点击该按钮时，表单数据中将会包含这个文本。举例来说，如果我们想要创建一个名为 "发送邮件" 的按钮，则可以使用如下代码：

发送

name 属性

元素还支持 name 属性，该属性用于指定按钮在表单中的名称。当用户点击该按钮时，表单数据中将会包含这个名称和对应的值。举例来说，如果我们想要创建一个名为 "email" 的输入框和一个名为 "发送邮件" 的按钮，则可以使用如下代码：

在上述代码中，“发送” 按钮被命名为 “submit_email”，并且它的值是 “发送邮件”。

disabled 属性

元素还支持 disabled 属性，该属性用于禁用按钮。当设置了 disabled 属性后，按钮将无法被点击或激活。举例来说，如果我们想要创建一个按钮，但是它只有在输入框中输入了有效文本后才能被点击，则可以使用如下代码：

在上述代码中，“登录” 按钮被禁用了，只有当用户输入了有效的用户名后才能被激活。

autofocus 属性

元素还支持 autofocus 属性，该属性用于指定该按钮是否应该自动获得焦点。举例来说，如果我们想要创建一个页面，并且希望用户打开页面后第一个可以直接使用的元素就是 "发送邮件" 按钮，则可以使用如下代码：

在上述代码中，“发送” 按钮将会自动获得焦点。

form 属性

元素还支持 form 属性，该属性用于指定该按钮所属的表单 ID。当用户点击该按钮时，将会提交该表单数据。举例来说，如果我们想要创建两个表单，并为每个表单都添加一个提交按钮，则可以使用如下代码：

在上述代码中，两个表单分别被指定了不同的 ID，每个提交按钮也都使用了相应的 form 属性。

总结

元素是一个非常常用的元素，在 HTML 中用于创建一个可点击的按钮。除了最基本的用法外，它还支持很多其它属性来控制按钮的行为和样式，例如 type、value、name、disabled、autofocus 和 form 等属性。在实际开发中，我们可以根据需要灵活运用这些属性来实现各种交互效果。