آموزش صفت عمومی Tabindex در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت عمومی Tabindex در HTML با من همراه باشید.

آموزش صفت عمومی Tabindex در HTML

Free-Learn

صفت عمومی tabindex در HTML

صفت tabindex صفتی است که ما با استفاده از آن میتوانیم یک عدد را برای کلید Tab یک عنصر که بروی صفحه کلید قرار دارد مشخص و یا تعریف نماییم ، بطور کلی بهش میگیم تب ایندکس یک عنصر.

خب یعنی چی تب ایندکس یک عنصر ؟ ببینید دوستان اگه تا به الان براتون پیش اومده باشه میدونید که ما میتونیم با استفاده از کلید Tab که بروی صفحه کلید سیستم مان وجود دارد بین برنامه ها،نرم افزارها و.. جابه جا شویم.

بفرض مثال من میام و تب ایندکس یک عنصر را عدد شماره ۳ قرار میدهم، حال اگر من یا کاربر دکمه/کلید Tab را از روی صفحه کلید فشار دهد برای بار اول و دوم که نه ولی بار سوم که کلید Tab زده شد عنصری که من ایجاد کردم انتخاب می شود.

Free-Learn

مثال از صفت tabindex در HTML

در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت tabindex در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله بله بله بله

Free-Learn

روش استفاده

روش استفاده از این صفت در عناصر HTML بصورت زیر می باشد.

Free-Learn

جدول مقادیر صفت tabindex

در جدول زیر میتوانید مقادیر را که میتوان در این صفت استفاده کرد را مشاهده نمایید.

مقدار توضیح
number یک عدد برای تب ایندکس یک عنصر مشخص میکند

Free-Learn

نکات و توضیحات

در HTML5 صفت tabindex را میتوان با تمامی عناصر معتبر بکار گرفت.

در HTML 4.01 صفت tabindex را میتوان با عناصر <a>, <area>, <button>, <input>, <object>, <select>, و <textarea> بکار گرفت.

Free-Learn