Tutorial Attribute tabindex
Attribute tabindex digunakan untuk menentukan urutan tab pada element yang telah ditentukan, dan penggunaanya menggunakan tombol Tab pada keyboard.
Contoh Attribute tabindex
<a href="#" tabindex="1">tabindex 1</a> <br>
<a href="#" tabindex="6">tabindex 6</a> <br>
<a href="#" tabindex="4">tabindex 4</a> <br>
<a href="#" tabindex="5">tabindex 5</a> <br>
<a href="#" tabindex="3">tabindex 3</a> <br>
<a href="#" tabindex="2">tabindex 2</a>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>
<a href="#" tabindex="1">tabindex 1</a> <br>
<a href="#" tabindex="6">tabindex 6</a> <br>
<a href="#" tabindex="4">tabindex 4</a> <br>
<a href="#" tabindex="5">tabindex 5</a> <br>
<a href="#" tabindex="3">tabindex 3</a> <br>
<a href="#" tabindex="2">tabindex 2</a>
<p>klik iframe ini, untuk memindah dari mode editor ke preview</p>
<p>
Tekan tombol Tab pada keyboard
untuk melihat fungsi <em>attribute</em> <i>tabindex</i>
</p>
</body>
</html>
Attribute Value
| Attribute | Value | Deskripsi |
|---|
tabindex | Nomor atau angka | Menentukan urutan Tab ketika Tab keybord ditekan (posisi default pada angka 1) |
Browser Support :
| Chrome | Ya |
|---|
| Safari | Ya |
|---|
| Firefox | Ya |
|---|
| Opera | Ya |
|---|
| IE | Ya |
|---|
| Edge | Ya |
|---|