tRikSonic

HTML tabindex Attribute

Terakhir diperbarui : 24 Mei 2018 - 22.03

Tutorial Attribute tabindex

Attribute tabindex digunakan untuk menentukan urutan tab pada element yang telah ditentukan, dan penggunaanya menggunakan tombol Tab pada keyboard.
Attribute tabindex

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

AttributeValueDeskripsi
tabindexNomor atau angkaMenentukan urutan Tab ketika Tab keybord ditekan (posisi default pada angka 1)

Browser Support :

ChromeYa
SafariYa
FirefoxYa
OperaYa
IEYa
EdgeYa
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.