jQuery Mobile formular - skrubber

jQuery Mobile skraber kontrol

Skraberne lader dig vælge en værdi fra et bestemt interval af tal:

For at oprette en skraber, brug <input type="range">:

Eksempel

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

Prøv det selv

Brug følgende egenskaber til at definere begrænsninger:

  • max - angiver den tilladte maksimale værdi
  • min - angiver den tilladte mindste værdi
  • step - angiver gyldige numeriske intervaller
  • value - angiver standardværdien

Tip:Hvis du ønsker at fremhæve denne bane for værdien af afsluttende skrubbere, tilføj data-highlight="true":

Eksempel

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

Prøv det selv

Skifter

Skifter bruges ofte til on/off eller true/false knapper:

For at oprette en skifter, brug elementet <select> med data-role="slider" og tilføj to <option> elementer:

Eksempel

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

Prøv det selv

Tip:Brug "selected" egenskaben til at sætte en af valgmulighederne som forhåndsvælgelse (udhevet):

Eksempel

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

Prøv det selv