From 785d8c8466121488293e405fbab5a0321f7f53ab Mon Sep 17 00:00:00 2001 From: KedarKK1 Date: Sun, 9 Oct 2022 02:41:17 +0530 Subject: [PATCH 1/2] added trick tabIndex with html link --- Tab-indexing/index.html | 26 ++++++++++++++++++++++++++ index.html | 5 +++++ 2 files changed, 31 insertions(+) create mode 100644 Tab-indexing/index.html diff --git a/Tab-indexing/index.html b/Tab-indexing/index.html new file mode 100644 index 0000000..802e49d --- /dev/null +++ b/Tab-indexing/index.html @@ -0,0 +1,26 @@ + + + + + + + HTML Tips and Tricks - Tab-indexing + + + +

tabIndex Property

+ +

Press "Tab" key on your keyboard to navigate to elements in the order of what is given in html file

+
+ Tab + +

Link 1 - This element have given tabIndex="1"

+

Link 2 - This element have given tabIndex="3"

+

Link 3 - This element have given tabIndex="2"

+

- This element have given tabIndex="5"

+

- This element have given tabIndex="4"

+

- This element have given tabIndex="6"

+
+ + + \ No newline at end of file diff --git a/index.html b/index.html index 8187e29..da6a67c 100644 --- a/index.html +++ b/index.html @@ -91,6 +91,11 @@ Lazy Loading - Lazy Load html images natively +
  • + + Tab-indexing + - Use tag button to select html elements in a particular order +
    • From ebdf564233e153c8629e40771a6efe72e7d2f4a1 Mon Sep 17 00:00:00 2001 From: KedarKK1 Date: Sun, 9 Oct 2022 02:45:37 +0530 Subject: [PATCH 2/2] added trick tabIndex with html link --- Tab-indexing/index.html | 1 + index.html | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/Tab-indexing/index.html b/Tab-indexing/index.html index 802e49d..9b1bf62 100644 --- a/Tab-indexing/index.html +++ b/Tab-indexing/index.html @@ -5,6 +5,7 @@ HTML Tips and Tricks - Tab-indexing + diff --git a/index.html b/index.html index da6a67c..2e304f6 100644 --- a/index.html +++ b/index.html @@ -94,7 +94,7 @@
  • Tab-indexing - - Use tag button to select html elements in a particular order + - Set a particular order in which "Tab" button on keyboard can select elements