Pole wprowadzania html poza formą

Question

Mam formularz z zestawem danych wejściowych i chcę, aby moja strona odświeżyła się, gdy jedna z nich ulegnie zmianie. Mam drugi zestaw danych wejściowych po stronie INNEJ strony, a układ css nie ułatwia umieszczenia ich w tym samym znaczniku <form></form>. Zastanawiam się, czy jest jakiś sposób, aby upewnić się, że te "dane wejściowe", które znajdują się poza tagiem <form>, są nadal powiązane z tym formularzem. Czy jest jakiś sposób, abyśmy mogli przypisać "dane identyfikacyjne formularza" do danych wejściowych?

Każda pomoc będzie mile widziana.

Dzięki!

Answer 1

w HTML5, można użyć form attribute:

Element forma związana jest domyślnie powiązany z elementu formularza przodek, ale może mieć atrybut formie określonej przesłonić tego.

Jeśli element powiązany z formularzem ma określony atrybut formularza, wówczas wartość tego atrybutu musi być identyfikatorem elementu formularza w dokumencie właściciela tego dokumentu.

przykład:

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

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

należy jednak upewnić się, że nie jest jasne dla użytkownika, że ​​te elementy tworzą optycznie rozdzielone są w istocie związane.

Answer 2

<input type="text" form="myform" /> pracował dla mnie.

Aktualizacja
Ten działał świetnie z Firefoksem, jednak dał mi problemy w IE 11 jako atrybut forma nie jest rozpoznawany z IE (w momencie pisania tego).

Musiałem po prostu ustawić ukryte pole wejściowe w formularzu i przenieść wartość do ukrytego pola wejściowego z wejściowej formy zewnętrznej; z onclick przy użyciu jQuery.