type="reset"和type="submit"按钮必须嵌套在<form>内才生效，否则静默失效；推荐使用<button>而非<input>实现双按钮，因其支持内联内容、样式更灵活且语义清晰。
type="reset 和 type="submit 按钮必须放在 <form> 内才生效，且默认会触发表单行为——这是最常被忽略的前提。
按钮必须嵌套在 <form> 中才能工作
单独写 <input type="submit"> 或 <button type="reset"> 但没包在 <form> 里，点击毫无反应。浏览器不会报错，只是静默失效。
-
<form>是作用域边界，submit和reset的行为只在该标签内部有效 - 多个
<form>可以共存，但每个按钮只影响其最近的父<form> - 如果用 JS 手动调用
form.reset()或form.submit()，仍需先获取到对应<form>元素
<button> 比 <input> 更适合双按钮排版
<button> 标签天生支持内联内容、CSS 控制更直观，且语义清晰；而 <input> 只能靠 value 设文本，样式受限。
- 推荐写法：
<button type="submit">提交</button><button type="reset">重置</button> - 避免省略
type：<button>默认是type="submit"，不写容易误触提交 - 若需图标或文字混排（比如带
<svg>），只能用<button>，<input>不支持子节点
常见双按钮水平排版 CSS 写法
不用浮动、不用绝对定位，用现代布局控制间距和对齐即可。重点是避免 margin 值过大导致移动端溢出。
立即学习“前端免费学习笔记（深入）”；
- 基础居中：
display: flex; justify-content: center; gap: 8px;（父容器设此样式） - 左对齐加间距：
display: flex; gap: 12px;，配合margin-left: auto;把按钮组推到右侧 - 禁用状态统一处理：
button:disabled { opacity: 0.6; cursor: not-allowed; } - 不要用
float: left+clear: both，响应式下易错位
提交按钮触发后页面跳转，重置按钮清空的是初始值
type="reset" 不是“清空所有输入”，而是恢复成 value 属性或 defaultValue 的初始状态——这点常被误解。
- 如果输入框是
<input value="默认用户名">，重置后回到 “默认用户名” - 如果用 JS 动态改了
input.value = "新内容"，但没改defaultValue，重置仍回原始value值 -
submit提交后页面刷新（除非用event.preventDefault()），此时reset已无意义 - 如需防重复提交，应在
submit触发时立即禁用按钮：button.disabled = true;
真正麻烦的不是怎么写这两行代码，而是确认表单结构是否完整、初始值是否合理、以及 reset 行为是否符合用户预期——尤其当字段由 JS 动态生成或初始值来自接口时。
