У меня есть форма с набором входных данных, и я хочу, чтобы моя страница обновлялась при изменении одного из них. У меня есть второй набор входов на ДРУГОЙ стороне страницы, и компоновка css не позволяет мне помещать их в один и тот же тег <form> </form>. Мне было интересно, есть ли способ убедиться, что те "входы", которые находятся вне тега <form>, все еще связаны с этой формой.
Есть ли способ, которым мы можем назначить "идентификатор формы" для входов?
В HTML5 вы можете использовать атрибут form:
Элемент, связанный с формой, по умолчанию связан с его элементом формы предка, но может иметь атрибут формы, указанный для переопределения этого.
Если связанный с формой элемент имеет указанный атрибут формы, то это значение атрибута должно быть идентификатором элемента формы в документе владельца элемента.
Пример:
<form id="myform">
<input id="something" type="text">
</form>
<button form="myform" type="submit">Submit that form over there</button>
Однако вы должны убедиться, что пользователю ясно, что эти визуально разделенные элементы формы фактически связаны.
<input type="text" form="myform" /> работал у меня.
Update
Это отлично поработало с FireFox, однако я столкнулся с проблемой в IE 11, поскольку атрибут формы не распознается с IE (как написано).
Мне нужно было просто установить скрытое поле ввода внутри формы и передать значение в скрытое поле ввода из входной внешней формы; с onclick с помощью jQuery.