HTML5中<button>的type属性决定按钮行为：type="submit"触发表单提交（默认行为，需显式声明）；type="reset"还原表单初始值；type="button"无默认行为，依赖JavaScript实现交互。
HTML5 中 <button> 标签的 type 属性决定了按钮的行为，正确设置它能避免表单误提交、清空或交互失效等问题。
type="submit"：触发表单提交
这是 <button> 的默认行为（即使不写 type，也会按 submit 处理），但**强烈建议显式声明**，尤其在复杂表单中，避免因浏览器差异或嵌套逻辑导致意外。
- 必须放在
<form>内部才有效；若在表单外，点击无提交效果 - 点击后触发表单的
submit事件，可被 JavaScript 拦截（如event.preventDefault()） - 示例：
<button type="submit">确认下单</button>
type="reset"：一键还原表单初始值
该按钮会将表单内所有可重置控件（如 <input>、<textarea>、<select>）恢复为页面加载时的初始值（即 value 属性或默认选项）。
- 仅对当前所属的
<form>生效；若按钮不在表单内，不执行任何操作 - 不会触发
reset事件以外的其他表单事件（如submit） - 注意：它还原的是“初始 HTML 值”，不是用户上次填写的内容，也不是 JavaScript 动态设置的值
type="button"：纯前端交互触发器
这是真正意义上的“普通按钮”——无默认表单行为，完全依赖 JavaScript 实现功能，适合模态框控制、数据展开、AJAX 请求等场景。
立即学习“前端免费学习笔记（深入）”；
- 无论是否在
<form>内，点击都不会提交或重置表单 - 必须配合
onclick或事件监听器使用，否则点击无反应 - 示例：
<button type="button" onclick="showHelp()">帮助</button>
不写 type 属性时，浏览器按 submit 处理，容易引发非预期提交。明确指定 type 是语义清晰、行为可控的基础做法。
