Html поле ввода ВНЕШНИЕ формы - программирование

У меня есть форма с набором входных данных, и я хочу, чтобы моя страница обновлялась при изменении одного из них. У меня есть второй набор входов на ДРУГОЙ стороне страницы, и компоновка css не позволяет мне помещать их в один и тот же тег <form> </form>. Мне было интересно, есть ли способ убедиться, что те "входы", которые находятся вне тега <form>, все еще связаны с этой формой.

Есть ли способ, которым мы можем назначить "идентификатор формы" для входов?

Ответы

Ответ 1

В HTML5 вы можете использовать атрибут form:

Элемент, связанный с формой, по умолчанию связан с его элементом формы предка, но может иметь атрибут формы, указанный для переопределения этого.

Если связанный с формой элемент имеет указанный атрибут формы, то это значение атрибута должно быть идентификатором элемента формы в документе владельца элемента.

Пример:

<form id="myform">
    <input id="something" type="text">
</form>

<button form="myform" type="submit">Submit that form over there</button>

Однако вы должны убедиться, что пользователю ясно, что эти визуально разделенные элементы формы фактически связаны.

Ответ 2

<input type="text" form="myform" /> работал у меня.

Update
Это отлично поработало с FireFox, однако я столкнулся с проблемой в IE 11, поскольку атрибут формы не распознается с IE (как написано).

Мне нужно было просто установить скрытое поле ввода внутри формы и передать значение в скрытое поле ввода из входной внешней формы; с onclick с помощью jQuery.