Latest web development tutorials

شكل المنزلق مسج موبايل

ضوابط المنزلق مسج موبايل

المنزلق يسمح لك لتحديد قيمة من مجموعة من الأرقام:


لإنشاء شريط التمرير، استخدم <إدخال نوع = "مجموعة">:

أمثلة

<form method="post" action="demoform.php">
  <label for="points">进度:</label>
  < input type="range" name="points" id="points" value="50" min="0" max="100">
</form>

محاولة »

استخدام السمات التالية لتحديد القيود:

  • ماكس - الحد الأقصى المسموح به لوائح
  • دقيقة - الحد الأدنى المسموح به لوائح
  • خطوة - تحديد فترات عدد القانونية ل
  • قيمة - القيمة الافتراضية المحددة

نصيحة: إذا كنت ترغب في عرض في زر يمكن أن تضيف قيمة المرحلي للعرض القيمة البيانات = "الحقيقية " السمة:

أمثلة

<input type="range" data-show-value="true" >

محاولة »

نصيحة: إذا كنت تريد أن تظهر التقدم على زر شريحة (على غرار اللعب نافذة صغيرة) يمكنك استخدام تمكين المنبثقة البيانات = "الحقيقية " السمة:

أمثلة

<input type="range" data-popup-enabled="true" >

محاولة »

نصيحة: إذا كنت ترغب في تسليط الضوء على قيمة المنزلق المميز، إضافة تسليط الضوء على البيانات = "صحيح":

أمثلة

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

محاولة »

مفاتيح تبديل

تقلبات التبديل يستخدم عادة لتشغيل / إيقاف أو زر صح / خطأ:


يمكننا استخدام <إدخال نوع = "مربع"> العناصر وتحديد-دور البيانات لإنشاء المفتاح "flipswitch":

أمثلة

<form method="post" action="demoform.php">
  <label for="switch">切换开关:</label>
    <input type="checkbox" data-role="flipswitch" name="switch" id="switch">
</form>

محاولة »

افتراضيا، والتحول النص إلى "تشغيل" و "إيقاف". يمكنك استخدام خصائص النص بيانات عن وخارج النص بيانات لتعديله:

أمثلة

<إدخال نوع = البيانات "مربع" -role = "flipswitch" اسم = "مفتاح" معرف = "التبديل" البيانات على اساس النص = "صحيح"، خارج النص بيانات = "خطأ">

محاولة »

نصيحة: يمكنك استخدام مربع التبديل "فحص" السمة لتعيين الخيار الافتراضي:

أمثلة

<input type="checkbox" data-role="flipswitch" name="switch" id="switch" checked >

محاولة »

أمثلة

مزيد من الأمثلة

المنزلق الفاصل
جعل شريحة قيم الفاصل الزمني.

أنماط المنزلق
تعيين نمط لتبديل التمرير.