HTML 按钮 — <button> 标签
button 元素、type 属性、onclick 事件、VS input button · 难度：入门 · +15XP
HTML 按钮
<button> 标签创建一个可点击的按钮。按钮是网页交互的基础元素。
基本用法
<button type="button">点击我</button>
<button type="submit">提交表单</button>
<button type="reset">重置表单</button>type 属性
| type | 行为 |
|---|---|
button | 普通按钮，点击不触发任何默认行为 |
submit | 提交按钮（表单中默认），点击提交表单 |
reset | 重置按钮，点击清空表单所有输入 |
button vs input type="button"
<button> 比 <input type="button"> 更好：可以在按钮内部放 HTML（图标、图片等），样式更灵活。
简单交互
<button onclick="alert('你点击了按钮！')">弹窗按钮</button>
<button onclick="document.getElementById('demo').innerHTML='已点击'">修改页面</button>