2025-10-17 08:05:37
值
应建立关联的
使用说明
默认情况下,表单控件与其最近的祖先
、、、、、 和 元素的 form 属性可指定显式表单所属元素,从而将文档中任意位置的表单控件关联至同一文档内的任意 元素。
当表单提交时,无论控件是否实际嵌套在该
控件的 form 属性值应为目标关联
虽然并非必要将属性值设为最近祖先
与非祖先表单进行关联
form 属性可用于将嵌套在某个
在此代码示例中,用户名 控件嵌套在 internalForm 中,但 form 属性将其从嵌套的祖先表单中分离,转而关联到 externalForm:
html
用户名:
在此情况下,用户名将在提交 externalForm 时一并提交,而 internalForm 则不包含任何关联的表单控件。
form 属性的非继承性
form 属性仅关联其设置所在的元素。该属性的行为不会被继承。例如,当 form 属性设置在
在此示例中,
登录信息
>用户名: />
>用户名:
/>
密码:
每个嵌套元素都需要拥有自己的 form 属性,或者必须嵌套在表单内部。你可以通过 JavaScript 使用 HTMLFormElement.elements 检查哪些元素与表单相关联。
表单提交
包含 form 属性并不意味着该元素会随表单一起提交。只有可提交元素(包括 、、 和 )在关联的 提交时,其名称和值才会被提交。
在此情况下,即使 元素先隐式后显式地关联到 calcForm,当提交 calcForm 时,result 也不会随 a 和 b 一同提交。但它确实属于表单的 HTMLFormControlsCollection 集合。
第一个数:
第二个数:
>总和:5
>
示例
基本示例
此示例演示了如何通过 form 属性将表单关联元素与
选择一个选项:
A
B
>描述: 你好,世界!
>描述:
你好,世界!
提交
与不同表单关联的元素
在此示例中,我们有两个
提交目标表单(targetForm)
规范
Specification
HTML# attr-fae-form
浏览器兼容性
html.elements.button.form
Loading…
html.elements.fieldset.form
html.elements.input.form
html.elements.object.form
html.elements.output.form
html.elements.select.form
html.elements.textarea.form
参见
覆盖默认表单行为
Help improve MDN
Was this page helpful to you?
Yes
No
Learn how to contribute
This page was last modified on 2025年10月11日 by MDN contributors.
View this page on GitHub • Report a problem with this content