Какая связь между HTML button и другим элементом

«Какая связь между HTML button и другим элементом» — вопрос из категории HTML, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Кнопка (<button>) может быть связана с другим элементом через атрибут form, указывающий на id формы, или через formaction, formenctype и другие атрибуты, управляющие поведением формы. Также можно использовать aria-labelledby или aria-controls для доступности.

Пример:

<button form="myForm" type="submit">Отправить</button>
<form id="myForm" action="/submit">...</form>

Здесь кнопка вне формы, но отправляет её благодаря form="myForm".

Другой пример (ARIA):

<button aria-controls="dropdown">Меню</button>
<div id="dropdown">Содержимое меню</div>

Атрибут aria-controls связывает кнопку с управляемым элементом.