<button> 的 value 属性不参与表单数据提交，仅当其为 type="submit" 且带有 name 属性时，value 才作为字段值被后端接收；否则后端无法获取该值。
value 属性在 <button> 中不起提交作用
直接给 <button> 加 value 属性，后端根本收不到——浏览器只把 <input type="submit"> 或 <button type="submit"> 的 value 当作表单字段值提交，且仅当它有 name 时才参与序列化。
常见错误是这样写：
<button value="delete">删除</button>
结果后端 request.form 或 req.body 里完全找不到 delete。
-
<button>的value只影响按钮显示文本（除非显式设了innerHTML），不参与表单数据收集 - 真正起作用的是：必须同时存在
name和value，且按钮被点击触发 submit - 如果按钮是
type="button"（默认值），它压根不提交表单，value更无意义
正确提交按钮标识的两种可靠方式
核心原则：让后端能区分“哪个按钮被点了”。最稳妥的是用带 name 的 <input type="submit">，或显式声明 type="submit" 的 <button>。
立即学习“前端免费学习笔记（深入）”；
-
推荐用
<input type="submit">：<input type="submit" name="action" value="save"><br><input type="submit" name="action" value="publish">
点击后，后端收到action=save或action=publish -
用
<button type="submit">也行，但必须带name：<button type="submit" name="action" value="delete">删除</button>
注意：value是提交值，按钮内文字（如“删除”）可任意写，不影响提交内容 - 避免混用：同一个
name下多个按钮，后端只收到被点击那个的value；若用不同name（如save_btn、del_btn），后端需检查哪个 key 存在，更啰嗦
后端如何安全识别按钮点击
别依赖按钮是否存在来判断操作——某些浏览器或 JS 提交时可能丢掉未点击按钮的字段，尤其用了 form.submit() 而非原生点击。
- 始终用统一
name（如action），靠value区分语义，后端直接 switchaction值 - 如果前端用 JS 触发提交，手动补上标识：
form.append('action', 'export');
而不是依赖按钮的value - 服务端务必校验
action是否在预设白名单中（如['save', 'delete', 'publish']），防止篡改
容易忽略的兼容性细节
value 在按钮上的行为在旧版 IE 和部分移动端 WebView 里有差异，但问题不在 value 本身，而在表单提交机制。
-
<button type="submit">在 IE9- 中，若没设value，会提交按钮 innerHTML（含 HTML 标签），导致后端收到<strong>保存</strong>这种脏数据 - 移动端 Safari 对空
value的处理不一致，建议显式设value且保持纯文本 - 如果按钮需要禁用（
disabled），它不会提交任何值——哪怕它是唯一带name的按钮，这点常被忽略
真正要传标识，就老实用 <input type="submit"> 或确保 <button> 有 type="submit"、name、value 三要素。少一个，后端就收不到。
