поле ввода html вне формы

Question

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

Любая помощь будет высоко ценится.

Спасибо!

Answer 1

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

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

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

Пример:

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

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

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

Answer 2

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

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

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