WebデザインTabIndex要素_HTML/Xhtml_Webページ制作-htmlチュートリアル-php.cn

WebデザインTabIndex要素_HTML/Xhtml_Webページ制作

WBOY

リリース： 2016-05-16 16:42:14

オリジナル

1454 人が閲覧しました

TabIndex は、Tab キーを押して、各要素の間に設定された定義済みの TabIndex 要素のフォーカスを順番に取得します。

フォームを作成または入力したことがある人なら、Tab キーを使用して各入力に 1 つずつフォーカスを移動できることがわかるでしょう。これは実際には、取得したくない、または取得する順序を変更するなど、変更することができます。

フォームに記入するとき (登録、ログインなど)、多くのユーザーはマウスを使用せずに直接 Tab キーを押して次のテキストボックスに移動します。すべてが記入されるまで待ってから、はい、送信します。これはとても素敵で便利な機能です。私の個人的な習慣として、すべての項目を入力した後、通常はマウスを使用して送信ボタンをクリックします。Tab キーによってボタンにフォーカスが移動することは望ましくないのですが、Tab キーを使用すると、ボタンにフォーカスが移動しません。私の個人的な癖が原因なのかはわかりません。

何かをフォーカスしたくない場合は、 tabindex=-x を指定すると、tabindex の値が負になります。この場合、Tab は直接スキップします。

次は例としての単純なフォームです:

ヒント:

を実行する前にコードの一部を変更できます。コードをコピー

コードは次のとおりです。

Tab キーを使用すると、フォーカスを取得する順序が tabindex の値によって並べ替えられます。上記の例では、t1、t2、t3 が順にフォーカスを取得し、t4 に達すると、TabIndex の値が -1 であるため、t4 はフォーカスを取得せず、次にフォーカスを取得する要素に直接ジャンプします。
t1、t2、t3、t4のTabIndex値は実際のニーズに応じて任意に変更でき、小さい値から大きい値までの値に応じてTabフォーカスが取得されます。
これを行うには、TabIndex が使用されます。。。