button标签属性详解

button标签是HTML中经常用到的标签之一，用于在网页中添加按钮元素。本文将从多个方面对button标签属性做详细阐述，介绍button标签可用属性及其作用，供读者参考。

按钮1 提交 重置

1、type="button": 这是默认类型，表示按钮仅仅是一个简单的按钮。它不会执行任何提交或者操作，一般用于JavaScript事件绑定。

2、type="submit": 当按钮位于form表单中时，点击按钮将提交表单。如果没有form标签，则忽略此属性。

3、type="reset": 点击按钮时，将重置form表单，恢复为默认状态。

提交 保存

在上述代码中，我们给两个按钮添加了相同的name属性，不同的value属性。在提交表单时，服务器将会接收到name为action的数据，通过判定value的不同实现不同的功能。

按钮1

在上述代码中，按钮1指定了form属性，并指向了form2表单。当点击按钮1时，将会提交form2表单，而不是form1表单。

GET方式提交 POST方式提交

在上述代码中，我们给其中的按钮设置了formmethod、formaction和formtarget属性，用来实现表单提交的不同方式和跳转到不同的页面。

1、formaction属性：定义了表单提交时使用的URL，可覆盖form标签中的action属性。

2、formmethod属性：定义了表单提交的方式，可覆盖form标签中的提交方式（get或post）。

3、formtarget属性：定义了表单提交后，在哪里打开提交的响应，可覆盖form标签中的target属性。

快捷键 自定义样式和ID

在上述代码中，我们给按钮添加了accesskey、class和id属性，用于为按钮绑定快捷键、自定义CSS样式和JavaScript事件绑定，并触发相应的操作。

结语

本文结束。通过对button标签的属性介绍，读者能清楚了解button标签的使用方式，并能根据需要配置相应的属性，实现各种需求。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com