定义和用法
<button>标签是 HTML 中用于创建可点击按钮的元素，它可以包含文本、图像或其他内容。
<button>中可以放置文本、<i>、<b>、<strong>、<br>、<img> 等标签，这是用<input>创建的按钮不能做的。
<button>元素的基本语法：
<button type="button">点击我</button>- 请始终为
<button>元素指定 type 属性，以告知浏览器它是什么类型的按钮。
使用实例
接下来我们基于<button>元素的属性，提供多种演示实例，来深化您对<button>的理解。
1. type - 指定按钮类型
<button type="button">普通按钮</button>
<button type="reset">数据重置表单按钮</button>
<button type="submit">表单提交表单按钮</button>2. disabled - 禁用按钮
<button disabled>禁用按钮</button>3. autofocus - 页面加载时自动聚焦
<button autofocus>自动聚焦</button>4. form - 指定按钮关联的表单（当按钮在表单外部时使用）
<form id="myForm"></form>
<button form="myForm" type="submit">提交</button>5. formaction - 覆盖表单的 action 属性（仅对 type="submit" 有效）
<button type="submit" formaction="/alternative">替代提交</button>全局属性
<button>标签还支持 HTML 中的全局属性。
事件属性
<button>标签还支持 HTML 中的事件属性。
默认的 CSS 设置
无。
注意事项
- 始终指定
type属性以避免意外提交表单 - 为可访问性考虑，提供清晰的按钮文本
- 避免使用
<input type="button">，<button>更灵活 - 使用 CSS 而不是 HTML 属性来设置样式
浏览器支持
 |
 |
 |
 |
 |
| 支持 | 支持 | 支持 | 支持 | 支持 |
评论区 0
发表评论
教程介绍
HTML 参考手册涵盖 HTML 元素、属性、事件等详细解析，助您快速检索 HTML 使用方法 。
50
章节
45
阅读
0
评论
反馈提交成功
感谢您的反馈，我们将尽快处理您的反馈