1

いくつかのフォーム フィールドがあります (1 つの jquery datepicker 入力以外のすべてのテキスト入力)。最初のフィールドは通常のテキスト入力フィールドです。2 番目の入力は日付ピッカーです。入力 3 から 8 はすべて通常のテキスト入力です。最初のテキスト入力フィールドにカーソルを置いてテキストを入力し、タブで日付ピッカー フィールドに入ると、何も起こりません。カーソルは最初のテキスト フィールドに留まり、datepicker フィールドには入りません。カーソルを日付ピッカー フィールド内に置くと、カレンダー ポップアップが表示され、タブでフィールドから出て次のテキスト入力に移動できます。残りのすべてのテキスト入力フィールドをタブで移動できます。

Google で検索しても、多くのアイデアや考えられる解決策は得られません。

4

1 に答える 1

0

すべての HTML 入力フィールドをタブで移動できる確実な方法は、tabindex 要素を使用することです。HTML 4.01 では、tabindex 属性は、、、、、、、、および HTML 5 ではすべての入力要素で使用できます。

例 =

<a href="http://www.w3schools.com/" tabindex="2">W3Schools</a>
<a href="http://www.google.com/" tabindex="1">Google</a>
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>

tabindex 番号が順番に続く限り、どの入力に datepicker があっても問題ありません。

スタック スレッドに表示される datepicker コードjQuery UI datepicker - カレンダーの下に静的テキストを追加しますか? 入力間のタブがうまくいくjsFiddleもあります。コードをこの例と照らし合わせて、何か違うかどうかを確認してください。

于 2014-10-23T22:36:09.243 に答える