jQuery Mobile Pilihan Form

Menu pilihan jQuery Mobile

Menu pilihan di perangkat iPhone:

Menu pilihan di perangkat Android:

Elemen <select> membuat menu pilihan yang berisi beberapa opsi.

Elemen <option> di dalam elemen <select> menentukan opsi yang tersedia di dalam daftar:

Contoh

<form method="post" action="demoform.asp">
  <fieldset data-role="fieldcontain">
    <label for="day">Pilih Tanggal</label>
    <select name="day" id="day">
      <option value="mon">Monday</option>
      <option value="tue">Tuesday</option>
      <option value="wed">Wednesday</option>
    </select>
  </fieldset>
</form>

Coba sendiri

Petunjuk:Jika daftar berisi opsi yang relevan panjang, gunakan elemen <optgroup> di dalam <select>:

Contoh

<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>

Coba sendiri

Menu Pilihan Disesuaikan

Gambar di atas halaman ini menunjukkan cara yang unik untuk menampilkan menu pilihan di platform mobile.

Jika Anda ingin menampilkan menu pilihan yang memiliki penampilan yang sama di semua perangkat mobile, gunakan pilihan menu yang disesuaikan dengan jQuery, atribut data-native-menu="false":

Contoh

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

Coba sendiri

Pilihan Berlebihan

Untuk memilih beberapa opsi di dalam menu pilihan, gunakan atribut multiple dalam elemen <select>:

Contoh

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

Coba sendiri

Contoh Lebih Banyak

Gunakan data-role="controlgroup"
Bagaimana menggabungkan satu atau beberapa menu pilihan.
Gunakan data-type="horizontal"
Bagaimana menggabungkan menu pilihan secara horisontal.
Pilihan yang diatur sebelumnya
Bagaimana memilih opsi yang diatur sebelumnya.
Formulir yang dapat tergulingkan
Bagaimana membuat formulir yang dapat tergulingkan.