通过为多个提交按钮设置相同的name属性和不同的value值，可在后端轻松区分用户点击的是哪个按钮，实现多操作分支逻辑。

通过为多个提交按钮设置相同的name属性和不同的value值，可在后端轻松区分用户点击的是哪个按钮，实现多操作分支逻辑。

在HTML表单中，当存在多个``时，浏览器默认**仅将被点击的提交按钮的name/value对作为表单数据的一部分发送到服务器**——这是HTML规范明确规定的（见HTML Standard §4.10.22.3）。因此，无需JavaScript干预，即可在服务端可靠识别操作意图。

关键在于：所有提交按钮需共享同一个name（如submit），但赋予不同且语义清晰的value（如op1、op2）：

新建记录 删除全部

提交后，GET请求URL将形如：
?action=create 或 ?action=delete
对应POST请求则在请求体中包含相同键值对。

✅ 后端处理示例（以Node.js/Express为例）：

HTML Extract

使用 MinerU 从 HTML 页面和文件中提取内容，将 HTML 转换为保持标题、列表、表格及文本层次结构的干净、结构化 Markdown。F...

下载

app.get('/process', (req, res) => {
  const action = req.query.action;
  if (action === 'create') {
    // 执行创建逻辑
  } else if (action === 'delete') {
    // 执行删除逻辑
  } else {
    res.status(400).send('未知操作');
  }
});

⚠️ 注意事项：

• 避免使用与混用同一name，因部分旧版IE对的value序列化支持不一致；现代浏览器（Chrome/Firefox/Safari/Edge）均完全兼容上述方案。
• 不要依赖按钮的id或class——它们不会随表单提交；也无需监听click事件手动设置隐藏字段，这会增加冗余逻辑并可能破坏可访问性。
• 若按钮需显示富文本（如含图标或HTML内容），务必使用而非，因其支持内嵌元素且天然支持value属性提交。

该方法简洁、标准、无JS依赖，是识别多提交按钮行为的推荐实践。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！