1

Twitter Bootstrap 3 グリッド システムを使用した 2 列のフォームがあります。各列は、ラベルとコントロールで構成されています。したがって、実際には、各「行」はそれぞれ span3 の 4 つの列 (ラベル、コントロール、ラベル、コントロール) です。これはうまく機能していますが、タブを押すと左から右に水平にタブ移動するという問題があります。しかし、私は垂直にスクロールしたい、つまり、その列が終了するまでタブがすべて下がり、次に2番目の列が...

私はそれについて読みましtabindexた。しかし、もっと自動化できるかどうか疑問に思っていました... つまり、HTML をレンダリングして、デフォルトのタブ順序が必要なものになるようにしたいと考えています。つまり、左の列を最初にレンダリングし、次に 2 番目の列をレンダリングする必要があります。そして、2番目の列が最初の列の下ではなく右側にあるようにするCSSマジックかもしれません...これが可能かどうか、またはどのように考えていますか?

事前にどうもありがとう、

4

2 に答える 2

2

次のようtabindexに、要素にタブ インデックスを設定できます。 

<input type="text" tabindex="2" />

したがって、要素のタブ インデックスを調整して、最初の列tabindex="1"にtabindex="2"などが含まれるようにする必要があります。

bootstrapjQuery - (列を正しく処理するように関数を調整する必要がある場合があります。)

var tabindex = 1;
$('input,select').each(function() {
  if (this.type != "hidden") {
    var $input = $(this);
    $input.attr("tabindex", tabindex);
    tabindex++;
  }
});
于 2013-11-08T23:14:11.507 に答える