Σκουλήκι του Φόρμας του jQuery Mobile

Ελεγκτής τροχού jQuery Mobile

Ο τροχός επιτρέπει την επιλογή τιμών από ένα ορισμένο εύρος αριθμών:

Για να δημιουργήσετε έναν τροχό, χρησιμοποιήστε το στοιχείο <input type="range">:

Παράδειγμα

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

Προσπάθησε να το δοκιμάσεις

Χρησιμοποιήστε τις παρακάτω ιδιότητες για να καθορίσετε τα όρια:

  • max - καθορίζει το επιτρεπτό μέγιστο όριο
  • min - καθορίζει το επιτρεπτό ελάχιστο όριο
  • step - καθορίζει την έγκυρη αριθμητική διαφορά
  • value - καθορίζει την προεπιλεγμένη τιμή

Συμβουλή:Αν θέλετε να επισημάνετε το τμήμα της διαδρομής του τροχού που αντιστοιχεί στη τιμή του滑块, προσθέστε data-highlight="true":

Παράδειγμα

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

Προσπάθησε να το δοκιμάσεις

Κουμπί εναλλαγής

Το κουμπί εναλλαγής χρησιμοποιείται συχνά για κουμπιά ON/OFF ή TRUE/FALSE:

Εάν θέλετε να δημιουργήσετε ένα κουμπί εναλλαγής, χρησιμοποιήστε το στοιχείο <select> με data-role="slider" και προσθέστε δύο στοιχεία <option>:

Παράδειγμα

<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>

Προσπάθησε να το δοκιμάσεις

Συμβουλή:Χρησιμοποίησε την ιδιότητα "selected" για να θέσεις μια επιλογή ως προεπιλεγμένη (επισημασμένη):

Παράδειγμα

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

Προσπάθησε να το δοκιμάσεις