web-dev-qa-db-ja.com

フォームの外側のhtml入力フィールド

一連の入力があるフォームがあり、そのうちの1つが変更されたときにページを更新する必要があります。ページのOTHER側に2番目の入力セットがあり、cssレイアウトでは、同じ<form></form>タグに入力するのが便利ではありません。 <form>タグの外側にある「入力」がまだそのフォームに関連付けられていることを確認できる方法があるかどうか疑問に思っていました。

「フォームID」を入力に割り当てる方法はありますか？

htmlcssformslayoutinput
50
dlitwak

HTML5では、 form属性 を使用できます。

フォームに関連付けられた要素は、デフォルトでその先祖フォーム要素に関連付けられていますが、これをオーバーライドするためにフォーム属性が指定されている場合があります。

フォームに関連付けられた要素にフォーム属性が指定されている場合、その属性の値は、要素の所有者ドキュメント内のフォーム要素のIDである必要があります。

例：

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

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

ただし、これらの視覚的に分離されたフォーム要素が実際に接続されていることをユーザーに明確にする必要があります。

81
You

<input type="text" form="myform" />は私のために働いた。

更新
これはFireFoxでうまく機能しましたが、IE 11ではフォーム属性がIEで認識されないため（これを書いている時点で）トラブルを起こしました。

フォーム内に非表示の入力フィールドを設定し、フォーム外の入力から値を非表示の入力フィールドに転送するだけでした。 jQueryを使用したonclickで。

11
eaglei22