سلام
من 3تا input دارم که زیر هم هستند
وقتی که روی اولی کلیک می کنم و بعد دکمه tab روی کیبرد را می زنم به ترتیب input ها فعال می شن
حالا من می خوام وقتی tab را می زنم از اخر به اول بیاد
باید چی کار کنم؟
Printable View
سلام
من 3تا input دارم که زیر هم هستند
وقتی که روی اولی کلیک می کنم و بعد دکمه tab روی کیبرد را می زنم به ترتیب input ها فعال می شن
حالا من می خوام وقتی tab را می زنم از اخر به اول بیاد
باید چی کار کنم؟
سلام دوست من
تا اونجا که از متنت فهمیدم جور صحبتت معلومه برنامه نویس رشته دیگری هستی و سر این سوالت یکی بستگی به مرورگر دارد و دیگری اگر از نر مازفارهای معمولی اچ تی ام ال برای برنام هنویسی استفاده می کنی طبق اولویت که مثلا اول دکمه گذاشتی بعد فیلد ورود متن به این صورت تب خوانده میشه پس اگر اول فیلد رو بزاری پس اول فیلد را تب پیدا می کند امیدوارم تونسته باشم کمکی کرده باشم موفق باشید
از خاصیت tabindex استفاده کرده و input ها رو شماره گذاری کنید:
کد HTML:<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>tab index</title>
</head>
<body>
<input type="text" value="" tabindex="1"><br>
<input type="text" value="" tabindex="4"><br>
<input type="text" value="" tabindex="3"><br>
<input type="text" value="" tabindex="2">
</body>
</html>
همين طور كه دوست عزيز ما گفتن از خواصيت tabindex استفاده كنيد
موفق باشيدکد HTML:
<form name="hongkiat" method="post" action="#">
<div>
<section>
<input name="1" type="text" tabindex="1" placeholder="نام كاربري" autocomplete="off" >
<input name="2" type="password" tabindex="2" placeholder="بسورد" autocomplete="off" />
</section>
</div>
<section>
<input type="submit" name="submit" tabindex="3" value="ارسال">
</section>
</form>
دست شما درد نکنهنقل قول:
نوشته شده توسط qartalonline
به این صفحه یک نگاه بندازید
تب ایندکس براش تعریف کردم
اما شما روی input اول کلیک کنید و سپس تب را همین طور بزنید و ترتیب ان ها را نگاه کنید
همه چی درست کار می کنه و من تب ایندکس ها را برای شماره موبایل گذاشتم
حالا وقتی می خواد بره به سراغ شماره موبایل از رووش می پره و به input بعدی می ره
باید چی کار کنم که به ترتیب بره و وقتی به شماره موبایل می رسه از چپ به راست حرکت کنه و ادامه بده؟
برای این کار کل input ها رو به ترتیبی که نمیخواید از اول شماره گذاری کنید و بهشون tabindex بدید .
متوجه منظورتون نشدمنقل قول:
نوشته شده توسط qartalonline
ببخشید "ن" اضافه افتاده .
منظورم اینه که از ابتدا به ترتیب inputها رو شماره گذاری کنید.
مثلا:
input نام : tabindex=1
input نام خانوادگی : tabindex=2
.
.
.
داداشم من نمی تونم این ها را از اول تب ایندکس بدمنقل قول:
نوشته شده توسط qartalonline
چون این یک اسکریپت هست و امکان داره مقادیر اون جابهجا بشه و یا input ها کم و زیاد بشه
باز باید چی کار کنم؟
شما فقط با ترتیب فیلدهای تلفن همراه مشکل دارید؟
بله ، دقیقانقل قول:
نوشته شده توسط qartalonline
میتونید با استایل دادن این مشکل رو برطرف کنید.
کدتون رو بصورت زیر اصلاح کنید:
کد HTML:<label class="description">تلفن همراه : <span id="required_8" class="required">*</span></label>
<div style="direction:ltr">
0 <input id="element_8_1" name="element_8_1" class="element text" size="3" maxlength="3" onclick="this.select();" placeholder="913" type="text" /> -
<input id="element_8_2" name="element_8_2" class="element text" size="3" maxlength="3" onclick="this.select();" placeholder="000" type="text" /> -
<input id="element_8_3" name="element_8_3" class="element text" size="4" maxlength="4" onclick="this.select();" placeholder="0000" type="text"/>
</div>
داداش دمت گرمنقل قول:
نوشته شده توسط qartalonline
نمی دونم چرا به ذهن خودم نرسید
خیلی خیلی ممنون
خیلی بزرگواری