این آموزش در تاریخ ۱۴۰۲/۰۶/۱۹ آپدیت شده است.
آموزش صفت عمومی Tabindex در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت عمومی Tabindex در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت عمومی tabindex در HTML
صفت tabindex صفتی است که ما با استفاده از آن میتوانیم یک عدد را برای کلید Tab یک عنصر که بروی صفحه کلید قرار دارد مشخص و یا تعریف نماییم ، بطور کلی بهش میگیم تب ایندکس یک عنصر.
خب یعنی چی تب ایندکس؟ ببینید دوستان اگه تا به الان براتون پیش اومده باشه میدونید که ما میتونیم با استفاده از کلید Tab که بروی صفحه کلید سیستم مان وجود دارد، بین تگ های داخل یک صفحه وب ( بیشتر Input ها ) جابه جا شویم.
بفرض مثال من میام و تب ایندکس یک تگ رو عدد شماره ۳ قرار میدم، حال اگر کاربر دکمه / کلید Tab را از روی صفحه کلید فشار بده برای بار اول و دوم که نه ولی بار سوم که کلید Tab زده شد تگی که من ایجاد کردم انتخاب می شود.
Free-Learn
مثال از صفت tabindex در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
|
1 2 3 4 5 6 7 8 9 10 |
<body> <p dir="rtl">لطفا کلید Tab را از روی صفحه کلید فشار دهید</p> <p> <a href="#" tabindex="1">Tab1</a> </p> <p> <a href="#" tabindex="2">Tab2</a> </p> <p> <a href="#" tabindex="4">Tab4</a> </p> <p> <a href="#" tabindex="3">Tab3</a> </p> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت tabindex در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این صفت در عناصر HTML بصورت زیر می باشد.
|
1 |
<element tabindex="Number"> |
Free-Learn
جدول مقادیر صفت tabindex
در جدول زیر میتوانید مقادیر را که میتوان در این صفت استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| Number | یک عدد برای تب ایندکس تگ مشخص میکند |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
