Thuộc tính tabindex HTML xác định thứ tự tab của một phần tử trong tài liệu HTML. Đây là một thuộc tính toàn cục có nghĩa là nó có thể được sử dụng trên bất kỳ phần tử HTML nào.
Cú pháp
Sau đây là cú pháp -
<tagname tabindex=”number”></tagname>
Ví dụ
Hãy để chúng tôi xem một ví dụ về Thuộc tính tabindex HTML -
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
background-color: #8BC6EC;
background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
text-align: center;
}
p {
font-size: 1.2rem;
}
</style>
<body>
<h1>HTML tabindex Attribute</h1>
<p tabindex="5">I'm paragraph.</p>
<p tabindex="4">I'm paragraph.</p>
<p tabindex="3">I'm paragraph.</p>
<p tabindex="2">I'm paragraph.</p>
<p tabindex="1">I'm paragraph.</p>
<p>Now, try to navigate through paragraph using tab key</p>
</body>
</html> Đầu ra
Bây giờ, hãy thử điều hướng qua đoạn văn bằng phím tab.
