html輸入字段外部形式

Question

我有一組輸入的表單，我希望在其中一個輸入發生更改時刷新頁面。我在頁面的OTHER側有第二組輸入，並且CSS佈局不便於我將它們放在同一個<form></form>標記中。我想知道是否有方法可以確保位於<form>標記之外的那些「輸入」仍與該表單相關聯。有什麼方法可以將「表單ID」分配給輸入？

任何幫助將不勝感激。

謝謝！

Answer 1

在HTML5中，你可以使用form attribute：

表單相關元素，默認情況下，與它的祖先形式的元素相關聯，但可能有指定重寫此表單屬性。

如果表單關聯元素具有指定的表單屬性，那麼該屬性的值必須是元素的所有者Document中的表單元素的ID。

例子：

<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的form屬性不與IE認可（寫這篇文章）。

我不得不在表單內設置一個隱藏的輸入字段，並將輸入的值從輸入外部表單轉移到隱藏的輸入字段;使用jQuery進行onclick。