آموزش طراحی وب

جابجایی بین عناصر صفحه با خصوصیت tabindex

تو html یه خصوصیتی بنام TabIndex وجود داره که به شما اجازه میده با زدن دکمه tab بین عناصر حرکت کنید…

tabs

جابجایی بین عناصر فرم با خصوصیت tabindex

سلام خدمت همراهان همیشگی مدرسه مجازی ایرانیان

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

تو html یه خصوصیتی بنام TabIndex وجود داره که به شما اجازه میده با زدن دکمه tab بین عناصر حرکت کنید. مثلا شما یه فرم طراحی می کنید که شامل فیلدهای زیادی میشه و کاربر برای پر کردن این فیلدها نیاز داره با زدن دکمه tab بین اونها جایجا بشه، چرا که استفاده از موس برای تمرکز روی هر فیلد ،کار رو خیلی سخت میکنه. برای سهولت تو این کار از tabindex استفاده می کنیم.

بصورت پیش فرض این امکان روی عناصر وجود داره اما شاید شما بخواین طبق اولویت این کار انجام بشه ، پس بصورت زیر tabindex رو برای عناصرمون تعریف می کنیم :

تو مثال بالا با زدن دکمه tab ابتدا روی گزینه مدرسه مجازی ایرانیان متمرکز میشید و با فشردن مجدد دکمه tab به گزینه ماهنامه طراحی وب هدایت میشید و در آخر روی سامانه پرسش و پاسخ تمرکز می کنید.

این خصوصیت با عدد مقدار دهی میشه که طبق اولویت این اعداد رو به عناصر اختصاص میدید، فقط دقت داشته باشید عدد تکراری وارد نکنید.

این خصوصیت روی عناصر زیر قابل پیاده سازیه و تمامی مرورگرها هم اون رو پشتیبانی می کنند :

<a>, <area>, <button>, <input>, <object>, <select>, <textarea>

خوب دوستان امیدوارم یک روز این مقاله به کارتون بیاد.

موفق و پاینده باشید

تهیه شده در مدرسه مجازی ایرانیان

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

۱ دیدگاه

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین