jQuery Mobile လောက်အော် - ချွတ်

jQuery Mobile Slider Control

အဆုံးပါး အချိန်လည် ကို အသုံးပြုပါက အချိန်လည် ကို အချိန်အရွယ် များ မှ တစ်ခု ရယူနိုင်ပါ:

အဆုံးပါး အချိန်လည် ကို ဖွင့်လုပ် သင့်ကြောင်း ကျသည့်အတွက် <input type="range"> ကို အသုံးပြုပါ:

အကျိုး

<form method="post" action="demoform.asp">
  <div data-role="fieldcontain">
    <label for="points">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">

ကိုယ်တိုင် ကြိုးစားကြပါ

Toggle Switch

ဖွင့်/ပိတ် သို့မဟုတ် အပြည့်/အများပြား စာရင်းခံ ကို အသုံးပြုသည်:

ပြင်ဆင်ခြင်း ကို ဖွင့်လုပ် သင့်ကြောင်း ကျသည့်အတွက် data-role="slider" ကို သုံးခြင်းများသို့ <select> အအုပ် ကို အသုံးပြု ပြီး နှစ်ခုရှိသော <option> အအုပ် ကို ထပ်ထည့်ပါ:

အကျိုး

<form method="post" action="demoform.asp">
  <div data-role="fieldcontain">
    <label for="switch">Toggle Switch:</label>
    <select name="switch" id="switch" data-role="slider">
      <option value="on">On</option>
      <option value="off">Off</option>
    </select>
  </div>
</form>

ကိုယ်တိုင် ကြိုးစားကြပါ

အကြံပေးအဆိုပါ လက်ဆုံး အရာ တစ်ခု အသုံးပြုပြီး ပြန်လည်ရှိစေရန် "selected" အခြေခံ အသုံးပြုပါ

အကျိုး

<option value="off" selected>Off</option>

ကိုယ်တိုင် ကြိုးစားကြပါ