通过 HTML 元素的 form 属性，可明确指定按钮提交的目标表单 ID，从而突破嵌套限制，实现任意按钮触发任意表单提交。

通过 html `` 元素的 `form` 属性，可明确指定按钮提交的目标表单 id，从而突破嵌套限制，实现任意按钮触发任意表单提交。

在标准 HTML 行为中，位于

内部的 会自动提交其最近的祖先 。但实际开发中常需更灵活的控制——例如，一个独立按钮需提交页面中另一处的表单（如模态框中的表单、侧边栏表单或动态生成的表单）。此时，无需 JavaScript，纯 HTML 即可优雅解决。

核心方案是使用

的 form 属性：该属性接受一个字符串值，必须与页面中某个 元素的 id 完全匹配。一旦设置，该按钮的提交行为将完全绑定到对应表单，无论按钮是否在该表单内部、甚至是否在 标签内。

✅ 正确用法示例：

jQuery金融借款单提交表单

jQuery金融借款单提交表单，包含出借金额和日期的选择，且自动计算利息，非常的简单方便。

下载

提交设置

快速注册

? 关键注意事项：

• form 属性仅对 type="submit" 或 type="image" 的 （以及 ）生效；
• 目标
  必须存在于同一文档中，且 id 值严格区分大小写；
• 若同时存在 form 属性和祖先
  ，form 属性优先级更高，会覆盖默认关联；
• 不支持通过 form 属性提交跨 iframe 的表单（受限于同源策略与 DOM 隔离）；
• 该特性已被所有现代浏览器（Chrome 10+、Firefox 4+、Safari 5.2+、Edge 12+）原生支持，兼容性极佳。

? 小技巧：结合 formaction、formmethod、formenctype 等衍生属性，还可进一步定制提交目标 URL、HTTP 方法及编码类型，实现更精细的表单路由控制。

总之，善用 form 属性不仅能减少不必要的 JavaScript 绑定，还能提升语义化与可访问性（屏幕阅读器能正确识别按钮与表单的逻辑关系），是构建健壮、可维护表单交互的重要 HTML 基础能力。