Kontrol jQuery Mobile Slider
Sebuah slider memungkinkan Anda untuk memilih nilai dari berbagai nomor:
Untuk membuat slider, menggunakan <input type="range"> :
Contoh
<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>
Cobalah sendiri " Gunakan atribut berikut untuk menentukan batasan:
- max - menetapkan nilai maksimum yang diizinkan
- min - menentukan nilai minimum diperbolehkan
- step - menentukan interval jumlah hukum
- value - menentukan nilai default
Tip: Jika Anda ingin menampilkan nilai pada tombol slider, tambahkan data-show-value="true" :
Tip: Jika Anda ingin nilai untuk muncul di layar Anda seperti tooltip (seperti yang Anda geser), tambahkan data-popup-enabled="true" :
Tip: Jika Anda ingin menonjolkan trek sampai nilai slider, tambahkan data-highlight="true" :
Flip Beralih Beralih
Sebuah switch sandal sering digunakan untuk on / off atau tombol benar / salah:
Untuk membuat saklar lain, menggunakan <input type="checkbox"> dan menentukan data-role dari "flipswitch" :
Contoh
<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> Cobalah sendiri " Secara default, teks pada saklar flip "On" dan "Off" . Gunakan data-on-text dan data-off-text atribut untuk mengubah ini:
Contoh
<input type="checkbox" data-role="flipswitch" name="switch" id="switch"
data-on-text="True" data-off-text="False" >
Cobalah sendiri " Tip: Gunakan dengan "checked" atribut untuk mengatur salah satu pilihan untuk pra-dipilih:
Contoh
<input type="checkbox" data-role="flipswitch" name="switch" id="switch"
checked >
Cobalah sendiri " Contoh lebih
kisaran slider
Cara membuat slider dengan dua pegangan, yang memungkinkan pengguna untuk menentukan minimum dan nilai maksimum dalam kisaran.
Gaya Balik Beralih
Cara membuat saklar sandal yang lebih luas.