jQuery Mobile Form Seçenekleri

jQuery Mobile seçim menüsü

iPhone'daki seçim menüsü:

Android cihazlarındaki seçim menüsü:

<select> öğesi, birkaç seçenek içeren bir açılır menü oluşturur.

<select> öğesindeki <option> öğeleri, listedeki mevcut seçenekleri tanımlar:

örnek

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

Kişisel olarak deneyin

İpucu:Eğer listede uzun bir seçenek dizisi varsa, <select> içinde <optgroup> öğesini kullanın:

örnek

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

Kişisel olarak deneyin

Özelleştirilmiş Seçim Menüsü

Bu sayfanın üstündeki resim, mobil platformlarda seçim menüsünün benzersiz görünümlerini göstermektedir.

Eğer tüm mobil cihazlarda tutarlı bir görünümde seçim menüsü görmek istiyorsanız, jQuery'nin özelleştirilmiş seçim menüsünü kullanın, data-native-menu="false" özelliği:

örnek

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

Kişisel olarak deneyin

Çoklu Seçimler

Eğer seçim menüsünde çoklu seçim yapmak istiyorsanız, <select> öğesinde multiple özelliğini kullanın:

örnek

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

Kişisel olarak deneyin

Daha Fazla Örnek

data-role="controlgroup" kullanarak
Bir veya daha fazla seçim menüsünü nasıl birleştireceğinizi öğrenin.
data-type="horizontal" kullanarak
Seçim menülerini nasıl yatay olarak birleştireceğinizi öğrenin.
Ön Seçenek
Bir seçeneği nasıl ön seçeceğinizi öğrenin.
Katlanabilir Formlar
Katlanabilir formu nasıl oluşturacağınızı öğrenin.