jQuery Mobile Slider Kontrolleri
Bir kaydırıcı Bir sayı aralığında bir değer seçmenize olanak sağlar:
Bir kaydırıcı oluşturmak için kullanın <input type="range"> :
Örnek
<form method="post" action="demoform.asp">
<label for="points">Points:</label>
< input type="range" name="points" id="points" value="50" min="0"
max="100">
</form>
Kendin dene " Kullanın following kısıtlamalar belirtmek için özelliklerini:
- max - izin verilen maksimum değer belirtir
- min - izin verilen minimum değer belirtir
- step - Yasal sayı ara belirtir
- value - Varsayılan değerini belirtir
İpucu: kaydırıcı butonuna değerini göstermek istiyorsanız, ekleme data-show-value="true" :
İpucu: Bir araç ipucu gibi ekranda pop up değerine istiyorsanız (as you slide) eklemek data-popup-enabled="true" :
İpucu: kaydırıcı değerine parçayı yukarı vurgulamak eklemek istiyorsanız data-highlight="true" :
Ayaklı kumandalı düğme
Bir flip anahtar sıklıkta kullanılır / kapama veya doğru / yanlış düğmeleri:
Bir fiske anahtarını oluşturmak için kullanın <input type="checkbox"> ve belirtmek data-role ait "flipswitch" :
Örnek
<form method="post" action="demoform.asp">
<label for="switch">Flip toggle switch checkbox:</label>
<input type="checkbox" data-role="flipswitch" name="switch" id="switch">
</form> Kendin dene " Varsayılan olarak, çevirme anahtarı metindir "On" ve "Off" . Kullanım data-on-text ve data-off-text bu değiştirmek için özellikleri:
Örnek
<input type="checkbox" data-role="flipswitch" name="switch" id="switch"
data-on-text="True" data-off-text="False" >
Kendin dene " İpucu: kullanın "checked" önceden seçilecek seçeneklerden birini belirlemek için bağlıyor:
Örnek
<input type="checkbox" data-role="flipswitch" name="switch" id="switch"
checked >
Kendin dene " Diğer Örnekler
menzil kaydırıcı
Kullanıcılar nasıl bir aralıkta minimum ve maksimum değeri belirtmek için izin iki kulplu bir kaydırıcı yapmak.
Stil Ayaklı Anahtarı
Nasıl şalterin çevrilmesi daha geniş hale getirmek için.