jQuery Mobile formulir pemilihan

Sebelumnya: masukan berupa jQuery Mobile

Berikutnya: bentuk jQuery Mobile slider

jQuery Mobile Pilih Menu

Pilih menu pada Iphone:

Menu pilihan android / SGS4 pada perangkat:

<Pilih> elemen untuk membuat daftar drop-down dengan beberapa pilihan.

<Pilih> <option> elemen mendefinisikan elemen dalam daftar pilihan yang tersedia:

contoh

<form method="post" action="demoform.html">
<fieldset class="ui-field-contain">
<label for="day">Select 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>

Coba »

Tip: Jika Anda daftar panjang opsi telah sebuah dikaitkan dengan penggunaan <optgroup> elemen dalam <pilih> dalam:

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 »

Kustom Pilih Menu

Gambar atas halaman ini yang menunjukkan bagaimana menggunakan platform mobile cara mereka menampilkan menu pilihan.

Jika Anda ingin menu pilihan di semua perangkat mobile akan menampilkan yang sama, menggunakan jQuery sendiri menu pilihan kustom, data asli-menu = "false" atribut: