首页 > 解决方案 > 哪个具有优先级,输入所在的表单标签或输入的表单属性?

问题描述

在这个例子中:

<form id="form2"></form>
<form id="form1">
    <button type="submit" form="form2">Submit form</button>
</form>

按钮属于哪种形式?标签内的按钮标签是否form1覆盖了form按钮的属性,还是相反?

标签: htmlformsinput

解决方案


仔细实验表明,该form属性具有优先级,即如果单击按钮form2将被提交。

这是小提琴示例:https ://jsfiddle.net/jbxrwu0p/

以下代码(来自小提琴)可以演示效果:

<form action="https://www.ibm.com" id="form2"></form>
<form action="https://www.amd.com" id="form1">
    <button type="submit" form="form2">Submit form</button>
</form>

当您单击按钮https://www.ibm.com时已加载。

此外,MDN说:

form输入是其成员的 id;如果不存在,则输入是最近的包含表单的成员,或者根本不是表单的成员


推荐阅读