English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل مرجعي لـ HTML

مجموعة كاملة من علامات HTML

خاصية tabindex في HTML

خصائص tabindex العالمية تشير إلى ما إذا كان العنصر يمكن التركيز عليه، وكيف/أين يشارك في التصفح بالkeyboard navigation (عادةً باستخدام زر Tab، لذا سمي بهذا الاسم).

خصائص العلامات العامة لـ HTML

ملاحظة: يجب ألا يتجاوز أقصى قيمة tabindex 32767. إذا لم يتم تحديده، فإن القيمة الافتراضية هي -1.

مثال على الخط

رابط وفقًا لترتيب tabindex المحدد:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>استخدام خاصية tabindex في HTML (دليل أساسي لموقع oldtoolbag.com)</title>
</head>
<body>
<div tabindex="1">oldtoolbag.com</div><br>
<div tabindex="3">google.com</div><br>
<div tabindex="2">microsoft.com</div>
<script>
// عند بدء، قم بضبط التركيز على الـ div الأول
document.getElementsByTagName('div')[0].focus();
</script>
<p tabindex="4"><b>ملاحظة:</b> جرب التصفح بين العناصر باستخدام زر "Tab" على لوحة المفاتيح الخاصة بك.</p>
</body>
</html>
اختبار لمعرفة ‹/›

تطابق المتصفحات

IEFirefoxOperaChromeSafari

يدعم جميع المتصفحات الرئيسية خاصية tabindex

التعريف والاستخدام

تحدد خاصية tabindex ترتيب العناصر (عند التصفح باستخدام مفتاح التاب).

الفرق بين HTML 4.01 و HTML5

في HTML5، يمكن استخدام خاصية tabindex مع أي عنصر HTML (سيتم التحقق منها مع أي عنصر HTML. ولكن، قد لا تكون مفيدة).

في HTML 4.01، يمكن استخدام خاصية tabindex مع <a>،<area>،<button>،<input>،<object>،<select> و <textarea>.

القواعد

        <عنصر tabindex="رقم">

قيمة الخاصية

القيمةوصف
رقميحدد ترتيب الضغط على مفتاح التاب للعناصر (1 هو الأول).
خصائص العلامات العامة لـ HTML