formmethod属性仅对type="submit"或type="image"按钮生效，用于覆盖表单method，值为"get"或"post"，优先级高于form的method，需配合name/value实现后端区分操作。
formmethod 属性只对 type="submit" 或 type="image" 的按钮生效
如果你给 type="button" 或 type="reset" 的按钮设置 formmethod，它完全不会起作用——浏览器直接忽略。这个属性本质是覆盖表单默认的 method，但前提是该按钮得参与提交行为。
- 必须搭配
type="submit"（最常用）或type="image"（比如提交用的图片按钮） - 不能单独存在：按钮需在
<form></form>内，或通过form="form-id"显式关联到某个表单 - 值只能是
"get"或"post"（大小写不敏感，但建议小写）
覆盖表单 method 时，formmethod 优先级高于 form 元素的 method 属性
当表单本身设了 method="get"，而某个提交按钮写了 formmethod="post"，点击它就会走 POST；反之亦然。这是它存在的核心价值：让同一表单里不同操作走不同 HTTP 方法。
- 常见场景：搜索框用
formmethod="get"（方便分享链接），删除按钮用formmethod="post"（避免误刷新触发） - 注意：
formmethod不影响action，目标地址仍由表单的action或按钮的formaction决定 - 如果同时设了
formmethod和formaction，两者独立生效，可组合出「不同地址 + 不同方法」的提交路径
兼容性没问题，但别指望它触发 fetch 或拦截逻辑
formmethod 是原生表单机制的一部分，所有现代浏览器（Chrome、Firefox、Safari、Edge）都支持，包括 IE10+。但它不改变事件行为——submit 事件仍会触发，且 event.submitter 能拿到被点击的按钮，里面包含 formMethod 属性。
- 想做前端校验？仍然要在
submit事件里用event.preventDefault()，然后手动发请求 - 服务端必须按对应 method 处理请求：POST 提交的数据在 body，GET 在 query string，别混用
- 如果用了
enctype="multipart/form-data"，formmethod="get"会失效（GET 不支持文件上传），浏览器自动回退到表单的 method
容易漏掉的细节：按钮没 name 属性，后端可能收不到提交来源
很多开发者只关注 method，却忘了按钮本身的 name 和 value。当多个 submit 按钮共存时，只有被点击的那个会作为键值对随请求发出（例如 submit=delete）。没设 name，后端就无法区分是哪个按钮触发的提交。
- 务必为每个有业务语义的 submit 按钮设置
name，比如name="action"、name="intent" -
value决定实际发送的值，不要依赖默认空字符串 - 若用
formmethod="get"，这些字段会拼进 URL，注意长度限制和敏感信息泄露风险
formmethod 提供的是细粒度控制能力，但它的效果完全取决于按钮类型、表单上下文和后端配合——少一个环节，就可能变成静默失效。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
