Formulir jQuery Mobile slider
kontrol slider jQuery Mobile
Slider memungkinkan Anda untuk memilih nilai dari berbagai nomor:
Untuk membuat slider, gunakan <input type = "range">:
contoh
<label for="points">进度:</label>
< input type="range" name="points" id="points" value="50" min="0" max="100">
</form>
Coba »
Gunakan atribut berikut untuk menentukan batasan:
- max - maksimum yang diizinkan oleh peraturan
- min - minimum diperbolehkan oleh peraturan
- Langkah - menentukan interval nomor hukum untuk
- nilai - nilai default yang ditentukan
Tip: Jika Anda ingin menampilkan di tombol dapat menambah nilai kemajuan data-show-value = "true " atribut:
Tip: Jika Anda ingin menunjukkan kemajuan pada tombol geser (mirip dengan bermain sebuah jendela kecil) Anda dapat menggunakan data-popup-enabled = "true " atribut:
Tip: Jika Anda ingin menyoroti nilai slider yang disorot, menambahkan data-highlight = "true":
Switches beralih
Fluktuasi beralih biasanya digunakan untuk on / off atau benar tombol / salah:
Kita dapat menggunakan <input type = "checkbox"> elemen dan menentukan data-peran untuk membuat saklar "flipswitch":
contoh
<label for="switch">切换开关：</label>
<input type="checkbox" data-role="flipswitch" name="switch" id="switch">
</form>
Coba »
Secara default, teks beralih ke "On" dan "Off". Anda dapat menggunakan data-on-teks dan data-off-teks Properties untuk memodifikasi:
contoh
Coba »
Tip: Anda dapat menggunakan kotak switch "diperiksa" atribut untuk mengatur pilihan default:
contoh yang lebih
slider Interval
Membuat slide nilai interval.
Gaya slider
Mengatur gaya ke switch slider.