哪个优先级,输入所在的表单标签或输入的表单属性?

时间:2019-06-23 02:05:01

标签: html forms input

在此示例中:

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

该按钮属于哪个表格?在form1标记内的button标记会覆盖按钮的form属性,还是相反?

1 个答案:

答案 0 :(得分:1)

仔细的实验​​表明,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;如果不存在,则输入是包含最近的表单的成员,或者根本不是表单的成员