核心属性
1. `type`

定义按钮类型,可选值:
`submit`(默认):提交表单数据。
`reset`:重置表单内容。
`button`:普通按钮,无默认行为。
示例:``
2. `disabled`
禁用按钮(不可点击,样式变灰),布尔属性。
示例:``
3. `form`
指定按钮关联的表单(通过表单的 `id`),即使按钮在表单外部。
示例:``
4. `name` 和 `value`
表单提交时,这两个属性会作为键值对发送到服务器。
示例:``
表单覆盖属性(HTML5)
用于覆盖关联表单的默认行为:
5. `formaction`
覆盖表单的 `action`,指定提交的URL。
示例:``
6. `formmethod`
覆盖表单的提交方法(如 `GET` 或 `POST`)。
示例:``
7. `formenctype`
覆盖表单的编码类型(如 `multipart/form-data`)。
示例:``
8. `formnovalidate`
提交时跳过表单验证,布尔属性。
示例:``
9. `formtarget`
覆盖表单的响应显示位置(如 `_blank` 新窗口)。
示例:``
交互与可访问性
10. `autofocus`
页面加载时自动聚焦按钮,布尔属性。
示例:``
11. `accesskey`
设置快捷键(如 `accesskey="s"` 对应 `Alt+S`)。
示例:``
12. `aria-` 属性
增强可访问性,如 `aria-label` 描述按钮功能(适用于无文本的图标按钮)。
示例:``
其他属性
13. `popovertarget` 和 `popovertargetaction`(HTML 新特性)
控制弹出层:
`popovertarget`:关联弹出层的 `id`。
`popovertargetaction`:定义行为(`show`、`hide`、`toggle`)。
示例:``
14. 通用属性
`id`、`class`、`style`:用于样式和脚本控制。
`title`:鼠标悬停提示文本。
`tabindex`:控制Tab键导航顺序。
`data-`:存储自定义数据(如 `data-id="123"`)。
`hidden`:隐藏按钮(布尔属性)。
注意事项
`
`
`
默认行为
`
通过合理使用这些属性,可以灵活控制按钮的行为、样式和交互体验。