ホームページ > 記事 > ウェブフロントエンド > WebデザインTabIndex要素_HTML/Xhtml_Webページ制作
WebデザインTabIndex要素_HTML/Xhtml_Webページ制作
- WBOYオリジナル
- 2016-05-16 16:42:141394ブラウズ
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 が使用されます。 。 。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。