Formulir -Slider jQuery Mobile

Kontrol Slider jQuery Mobile

Slider memungkinkan Anda memilih nilai dari range angka:

Jika ingin membuat slider, gunakan <input type="range">:

Contoh

<form method="post" action="demoform.asp">
  <div data-role="fieldcontain">
    <label for="points">Points:</label>
    <input type="range" name="points" id="points" value="50" min="0" max="100">
  </div>
</form>

Coba Sendiri

Gunakan atribut berikut untuk menentukan batas:

  • max - tentukan nilai maksimum yang diizinkan
  • min - tentukan nilai minimum yang diizinkan
  • step - tentukan interval angka sah
  • value - tentukan nilai default

Petunjuk:Jika ingin menonjolkan jalur nilai slider paling tinggi, tambahkan data-highlight="true":

Contoh

<input type="range" data-hightlight="true">

Coba Sendiri

Pengali toggle

Pengali toggle biasa digunakan untuk tombol on/off atau benar/salah:

Jika ingin membuat pengali, gunakan elemen <select> dengan data-role="slider" dan tambahkan dua elemen <option>:

Contoh

<form method="post" action="demoform.asp">
  <div data-role="fieldcontain">
    <label for="switch">Toggle Switch:</label>
    <select name="switch" id="switch" data-role="slider">
      <option value="on">On</option>
      <option value="off">Off</option>
    </select>
  </div>
</form>

Coba Sendiri

Petunjuk:Petunjuk: Gunakan atribut "selected" untuk menetapkan salah satu opsi sebagai pilihan awal (terkilaukan):

Contoh

<option value="off" terpilih>Off</option>

Coba Sendiri