formmethod仅覆盖提交方式，不过滤字段，点击带formmethod的按钮仍会提交表单内所有name字段；需js清空无关字段或后端白名单校验。
formmethod 覆盖表单 method 时，参数和字段不会自动过滤
点击带 formmethod="get" 的按钮，浏览器仍会把所有 input、select、textarea 的 name/value 提交上去，哪怕后端只想要搜索关键词。比如导出按钮用了 formmethod="post" 但不该带 q 字段，它还是会发过去。
常见错误现象：导出接口收到意外的 q 参数，导致查询条件干扰或校验失败。
- 不能靠删 DOM 元素来“去掉字段”——
formmethod不改变字段内容，只改请求方式 - 要么用 JS 在提交前清空无关字段（如
document.querySelector('[name="q"]').value = ""） - 要么为该操作单独建一个不包含多余字段的表单
- 后端需做好字段白名单处理，不能默认信任前端传来的全部 name
formaction 必须配合 type="submit" 才生效
formaction 只对 <button type="submit"></button> 或 <input type="submit"> 有效，写在 <button type="button"></button> 上完全没反应，控制台也不报错——静默失效。
使用场景：同一编辑页里，“保存草稿”、“预览”、“发布”共用一套字段，但目标地址不同。
- 如果按钮已嵌套在某个
<form></form>内，它的formaction仍会覆盖父表单的action - 可以同时写
formaction、formmethod、formtarget，它们互不干扰，各自覆盖对应维度 - 相对路径如
formaction="api/publish"和绝对路径如formaction="https://api.example.com/v1/save"都支持
formtarget 在新标签页打开时，跨域响应不可见是浏览器限制
设了 formtarget="_blank" + formaction="https://third-party.com/preview"，页面确实会跳转，但你什么都看不到——不是代码错了，是浏览器阻止了跨域响应体的读取。
性能 / 兼容性影响：IE9 及以下不支持 formtarget，Safari 15.4 之前 event.submitter 不可用，影响 JS 区分触发源。
- 如果必须跨域预览，建议后端返回 302 重定向到同域中转页，再由中转页加载第三方内容
- 不要依赖
formtarget="_blank"来“后台提交”，它本质仍是用户可见的导航行为 - 对可访问性敏感的场景（如屏幕阅读器），需额外加
aria-label说明新开窗口意图
form 属性实现跨表单提交时，id 匹配必须严格一致
按钮用 form="edit-form" 指向表单，但页面中只有 <form id="Edit-Form"></form> 或 <form id="edit_form"></form>，就会静默失败——不报错、不提交、无提示。
容易踩的坑：大小写、连字符、下划线、空格，任何一处不匹配都无效。
- 按钮必须是
type="submit"或type="image"；type="button"即使写了form也无用 - 按钮若已在某个
<form></form>内部，form属性会被忽略 - 提交时只采集目标
form内的控件，disabled 的字段自动排除，但按钮自身的name/value不会附带过去（除非显式设置）
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
