提交按钮必须置于标签内才能触发原生提交，且需有name属性才参与数据发送；多个提交按钮共存时仅被点击者提交其name=value；reset按钮仅还原html初始值，不处理js动态状态。
提交按钮必须放在 <form></form> 内部才能触发原生提交
很多人在编辑器里拖拽出一个 <input type="submit"> 或 <button type="submit"></button>，但点击后页面刷新却没发数据——最常见的原因是它没被包裹在 <form></form> 标签里。浏览器只认「表单上下文内的 submit 按钮」，否则它只是个普通按钮。
实操建议：
-
<form></form>必须有action属性（哪怕暂时填action="#"），否则提交行为会被静默忽略 - 不要用
<button></button>不加type属性——某些浏览器默认为type="submit"，有些则为type="button"，行为不一致 - 如果编辑器自动生成了
<button></button>但没写type，手动补上type="submit"最稳妥 - 避免把提交按钮放在
<form></form>外再用form="xxx"关联——虽然 HTML5 支持，但老版本编辑器或预览模式可能不识别该属性
name 和 value 属性决定按钮是否参与提交及提交什么
提交按钮本身也会作为键值对发送到服务器，前提是它有 name。比如 <input type="submit" name="action" value="login"> 会提交 action=login；而没 name 的按钮，无论点几次，都不会出现在请求参数里。
常见错误现象：
- 表单提交后后端收不到操作标识（如区分“保存”还是“删除”）→ 检查按钮是否漏了
name - 多个提交按钮共存时，只有被点击的那个的
name=value被提交 → 这是标准行为，不是 bug - 用
<button type="submit">提交</button>时，value属性可选，但显示文字由标签内文本决定；而<input>的显示文字只能靠value
编辑器里容易忽略的两个兼容性细节
不少可视化 HTML 编辑器（尤其是在线简易工具）会自动包裹结构、删减属性，或默认禁用某些语义化行为。
实操建议：
- 检查生成的
<form></form>是否被意外套了<div> 或其他容器——有些编辑器为排版强行加 wrapper，导致 <code><input>实际不在<form></form>直系子树中 - 确认编辑器没有自动给
<input type="submit">加disabled或style="display:none"——某些“表单预设模板”会这么做来防止误点 - 如果编辑器提供“纯代码视图”，务必切换进去核对：是否有冗余的
onclick="return false"、preventDefault()绑定，或意外插入的javascript:void(0)链接逻辑 - 如果你依赖 JavaScript 动态设置初始值（比如用 JS 填了默认邮箱），
reset不会还原那个值——它只认 HTML 源码里的初始状态 - 不要指望
reset按钮能清除通过 JS 添加的校验提示、错误样式等副作用，它只管表单控件的 value/checked/selected - 很多现代编辑器已弱化甚至隐藏重置按钮选项，因为实际业务中极少需要——留着它反而容易引发用户误操作
重置按钮不是提交按钮的反向操作
<input type="reset"> 或 <button type="reset"></button> 只会把所有控件恢复到初始值（即 HTML 中写的 value、checked、selected 等状态），不会清空用户已输入但未提交的内容（比如用户改过又删掉的字段，reset 不会还原成空，而是还原成原始 value=""）。
这意味着：
