فرم jQuery Mobile - اسلایدر

کنترل شتابدهنده jQuery Mobile

شتابدهنده به شما امکان می‌دهد که از یک محدوده اعداد انتخاب کنید:

برای ایجاد یک شتابدهنده، از <input type="range"> استفاده کنید:

مثال

<form method="post" action="demoform.asp">
  <div data-role="fieldcontain">
    <label for="points">نقاط:</label>
    <input type="range" name="points" id="points" value="50" min="0" max="100">
  </div>
</form>

به طور مستقیم امتحان کنید

برای تعیین محدودیت‌ها از ویژگی‌های زیر استفاده کنید:

  • max - بیشترین مقدار مجاز
  • min - کمترین مقدار مجاز
  • step - فاصله عددی مجاز
  • value - مقدار پیش‌فرض

توجه:اگر می‌خواهید مسیر این بخش را که ارزش شتابدهنده را نشان می‌دهد، برجسته کنید، data-highlight="true" را اضافه کنید:

مثال

<input type="range" data-hightlight="true">

به طور مستقیم امتحان کنید

تبدیل سوئیچ

تبدیل سوئیچ معمولاً برای دکمه‌های روشن/خاموش یا درست/غلط استفاده می‌شود:

اگر می‌خواهید یک تبادل ایجاد کنید، از عنصر <select> با data-role="slider" استفاده کنید و دو عنصر <option> اضافه کنید:

مثال

<form method="post" action="demoform.asp">
  <div data-role="fieldcontain">
    <label for="switch">تبدیل سوئیچ:</label>
    <select name="switch" id="switch" data-role="slider">
      <option value="on">ان</option>
      <option value="off">Off</option>
    </select>
  </div>
</form>

به طور مستقیم امتحان کنید

توجه:برای اینکه یکی از گزینه‌ها را به عنوان پیش‌انتخاب (متمایز) تنظیم کنید از ویژگی "selected" استفاده کنید:

مثال

<option value="off" انتخاب شده>Off</option>

به طور مستقیم امتحان کنید