jQuery Mobile ফর্ম সিলেকশন মেনু

jQuery Mobile নির্বাচনী মেনু

আইফোনের নির্বাচনী মেনু:

অ্যান্ড্রয়েড ডিভাইসের নির্বাচনী মেনু:

<select> ইলেকট্রন, একটি অপশনসমূহ সহ নামানো নির্বাচনী মেনু তৈরি করে:

<select> ইলেকট্রনের <option> ইলেকট্রন, তালিকায় ব্যবহার্য অপশনসমূহ নির্বাচন করে:

ইস্টেম্পল

<form method="post" action="demoform.asp">
  <fieldset data-role="fieldcontain">
    <label for="day">নির্বাচন করুন</label>
    <select name="day" id="day">
      <option value="mon">Monday</option>
      <option value="tue">Tuesday</option>
      <option value="wed">Wednesday</option>
    </select>
  </fieldset>
</form>

សាកល្បងបានដោយខ្លួនឯង

টীকা:যদি তালিকায় একটি দীর্ঘ তালিকা অপশনসমূহ রয়েছে, তবে <select> ইলেকট্রনে <optgroup> ইলেকট্রন ব্যবহার করুন:

ইস্টেম্পল

<select name="day" id="day">
   <optgroup label="Weekdays">
    <option value="mon">Monday</option>
    <option value="tue">Tuesday</option>
    <option value="wed">Wednesday</option>
   </optgroup>
   <optgroup label="Weekends">
    <option value="sat">Saturday</option>
    <option value="sun">Sunday</option>
   </optgroup>
</select>

សាកល្បងបានដោយខ្លួនឯង

কাস্টম নির্বাচনী মেনু

এই পৃষ্ঠার উপরের ছবি, মোবাইল প্ল্যাটফর্মে নির্বাচনী মেনু দেখানোর অভিনব পদ্ধতি প্রদর্শিত হয়েছে。

যদি আপনি সমস্ত মোবাইল ডিভাইসে একই স্টাইলের নির্বাচনী মেনু দেখতে চান, তবে jQuery এর কাস্টম নির্বাচনী মেনু ব্যবহার করুন, data-native-menu="false" অ্যাট্রিবিউট:

ইস্টেম্পল

<select name="day" id="day" data-native-menu="false">

សាកល្បងបានដោយខ្លួនឯង

একাধিক নির্বাচন

যদি আপনি নির্বাচনী মেনুতে একাধিক অপশন নির্বাচন করতে চান, তবে <select> ইলেকট্রনে মাল্টিপল অ্যাট্রিবিউট ব্যবহার করুন:

ইস্টেম্পল

<select name="day" id="day" multiple data-native-menu="false">

សាកល្បងបានដោយខ្លួនឯង

ឧទាហរណ៍ទៀត

ប្រើ data-role="controlgroup"
ថាតើរួមផ្សំមុខសញ្ញាតារាងមួយឬមួយច្រើន។
ប្រើ data-type="horizontal"
ថាតើរួមផ្សំមុខសញ្ញាតារាងជាឧស្ម័ន។
ជាប្រុងប្រសើរ
ថាតើជ្រើសរើសជាប្រុងប្រសើរ។
ទំព័រកត់សម្គាល់
ថាតើបង្កើតទំព័រកត់សម្គាល់ដែលអាចលើកឡើងបាន។