jQuery Mobile ফর্ম - স্ক্রোল

jQuery Mobile স্লাইডার কন্ট্রোল

স্লাইডার একটি নির্দিষ্ট সংখ্যার পঞ্জীকৃত সংখ্যা থেকে বেছে নেবার অনুমতি দেয়:

যদি আপনি স্লাইডার তৈরি করতে চান, তবে <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">

স্বয়ং প্রয়াস করুন

টুগল সুইচ

টুগল সুইচ সাধারণত আন/বন্ধ বা সঠিক/নিষ্ঠুর বাটন হিসাবে ব্যবহৃত হয়:

যদি আপনি টুগল সুইচ তৈরি করতে চান, তবে 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>

স্বয়ং প্রয়াস করুন