Который имеет приоритет, тэг формы, в котором находится вход, или атрибут формы входа?

Question

В этом примере:

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

К какой форме будет принадлежать кнопка?Находится ли тег кнопки внутри тега form1 над атрибутом form кнопки или наоборот?

Answer 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 Идентификатор входного элемента;если отсутствует, входные данные являются членами ближайшей содержащей формы или вообще не являются членами формы