سوال: ترتیب عمل در input ها [بایگانی]

padidehco

شنبه 08 تیر 1392, 11:34 صبح

سلام
من 3تا input دارم که زیر هم هستند
وقتی که روی اولی کلیک می کنم و بعد دکمه tab روی کیبرد را می زنم به ترتیب input ها فعال می شن
حالا من می خوام وقتی tab را می زنم از اخر به اول بیاد
باید چی کار کنم؟

nsco_nsco

شنبه 08 تیر 1392, 14:14 عصر

سلام دوست من
تا اونجا که از متنت فهمیدم جور صحبتت معلومه برنامه نویس رشته دیگری هستی و سر این سوالت یکی بستگی به مرورگر دارد و دیگری اگر از نر مازفارهای معمولی اچ تی ام ال برای برنام هنویسی استفاده می کنی طبق اولویت که مثلا اول دکمه گذاشتی بعد فیلد ورود متن به این صورت تب خوانده میشه پس اگر اول فیلد رو بزاری پس اول فیلد را تب پیدا می کند امیدوارم تونسته باشم کمکی کرده باشم موفق باشید

qartalonline

شنبه 08 تیر 1392, 14:40 عصر

از خاصیت tabindex استفاده کرده و input ها رو شماره گذاری کنید:

<!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>

webdesign2

شنبه 08 تیر 1392, 17:55 عصر

همين طور كه دوست عزيز ما گفتن از خواصيت tabindex استفاده كنيد

<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>

موفق باشيد

padidehco

یک شنبه 09 تیر 1392, 00:42 صبح

از خاصیت tabindex استفاده کرده و input ها رو شماره گذاری کنید:

<!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>
دست شما درد نکنه
به این صفحه یک نگاه بندازید
تب ایندکس براش تعریف کردم
اما شما روی input اول کلیک کنید و سپس تب را همین طور بزنید و ترتیب ان ها را نگاه کنید
همه چی درست کار می کنه و من تب ایندکس ها را برای شماره موبایل گذاشتم
حالا وقتی می خواد بره به سراغ شماره موبایل از رووش می پره و به input بعدی می ره
باید چی کار کنم که به ترتیب بره و وقتی به شماره موبایل می رسه از چپ به راست حرکت کنه و ادامه بده؟

qartalonline

یک شنبه 09 تیر 1392, 06:17 صبح

برای این کار کل input ها رو به ترتیبی که نمیخواید از اول شماره گذاری کنید و بهشون tabindex بدید .

padidehco

یک شنبه 09 تیر 1392, 07:00 صبح

برای این کار کل input ها رو به ترتیبی که نمیخواید از اول شماره گذاری کنید و بهشون tabindex بدید .
متوجه منظورتون نشدم

qartalonline

یک شنبه 09 تیر 1392, 07:22 صبح

ببخشید "ن" اضافه افتاده .

منظورم اینه که از ابتدا به ترتیب inputها رو شماره گذاری کنید.

مثلا:
input نام : tabindex=1
input نام خانوادگی : tabindex=2
.
.
.

padidehco

یک شنبه 09 تیر 1392, 07:30 صبح

ببخشید "ن" اضافه افتاده .

منظورم اینه که از ابتدا به ترتیب inputها رو شماره گذاری کنید.

مثلا:
input نام : tabindex=1
input نام خانوادگی : tabindex=2
.
.
.

داداشم من نمی تونم این ها را از اول تب ایندکس بدم
چون این یک اسکریپت هست و امکان داره مقادیر اون جابهجا بشه و یا input ها کم و زیاد بشه
باز باید چی کار کنم؟

qartalonline

یک شنبه 09 تیر 1392, 07:35 صبح

شما فقط با ترتیب فیلدهای تلفن همراه مشکل دارید؟

padidehco

یک شنبه 09 تیر 1392, 07:40 صبح

شما فقط با ترتیب فیلدهای تلفن همراه مشکل دارید؟
بله ، دقیقا

qartalonline

یک شنبه 09 تیر 1392, 07:43 صبح

میتونید با استایل دادن این مشکل رو برطرف کنید.
کدتون رو بصورت زیر اصلاح کنید:

<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>

padidehco

یک شنبه 09 تیر 1392, 07:52 صبح

میتونید با استایل دادن این مشکل رو برطرف کنید.
کدتون رو بصورت زیر اصلاح کنید:

<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>
داداش دمت گرم
نمی دونم چرا به ذهن خودم نرسید

خیلی خیلی ممنون
خیلی بزرگواری