<button type="reset">重置</button>可清空表单至初始值，需置于<form>内且必须显式设置type="reset"；它恢复各控件HTML定义的原始状态，不触发submit行为，支持onreset事件监听。
使用 HTML 的 <button> 标签实现重置表单，关键是将其 type 属性设为 "reset"，并确保它位于 <form> 元素内部。
必须设置 type="reset"
默认情况下，<button> 的 type 是 "submit"。若想让它清空表单，务必显式声明：
<button type="reset">重置</button>- 不写
type或写成type="button"都不会触发重置行为 - 即使绑定了 JavaScript 点击事件，也不会自动还原表单控件到初始值（除非手动调用
form.reset()）
需放在 form 标签内才生效
type="reset" 按钮的作用范围仅限于其所在的 <form>。例如：
<form id="myForm"> <input name="username" value="张三"> <button type="reset">清除所有</button> </form>
点击后，username 输入框会恢复为空（即初始 value 值，若未设则为空字符串）。
立即学习“前端免费学习笔记（深入）”；
重置的是“初始值”，不是空值
重置操作会把每个表单控件恢复为其 HTML 中定义的原始状态：
-
<input value="默认文本">→ 重置后显示“默认文本” -
<select><option selected>选项二</option></select>→ 重置后选中“选项二” -
<textarea>初始内容</textarea>→ 重置后显示“初始内容” - 通过 JS 动态修改的值（如
input.value = "新内容"）会被覆盖
可配合 JavaScript 做额外处理
如果需要在重置前确认，或重置后执行其他逻辑，可以监听 reset 事件：
<form onreset="return confirm('确定要清空？')">
<input name="email">
<button type="reset">重置</button>
</form>
注意：onreset 在表单触发重置时执行，返回 false 可阻止重置；也可用 JS 绑定 addEventListener('reset', ...)。
