jQuery Mobile forme curseur
jQuery Mobile curseurs
Curseur vous permet de sélectionner une valeur à partir d'une plage de numéros:
Pour créer un curseur, utilisez le <input type = "range">:
Exemples
<label for="points">进度:</label>
< input type="range" name="points" id="points" value="50" min="0" max="100">
</form>
Essayez »
Utilisez les attributs suivants pour spécifier des restrictions:
- max - le maximum autorisé par la réglementation
- min - au minimum autorisé par la réglementation
- étape - spécifie les intervalles de numéros juridiques pour
- valeur - la valeur par défaut spécifiée
Astuce: Si vous voulez afficher dans le bouton peut ajouter la valeur de l'état d'avancement du show-valeur de données = "true " attribut:
Astuce: Si vous voulez montrer les progrès sur le bouton coulissant (similaire à la lecture d' une petite fenêtre) Vous pouvez utiliser le = "true données-popup-enabled " attribut:
Astuce: Si vous voulez mettre en évidence la valeur du curseur en surbrillance, ajouter des données-highlight = "true":
Interrupteurs à bascule
Fluctuations commutateur est normalement utilisé pour marche / arrêt ou vrai bouton / false:
Nous pouvons utiliser le <input type = "checkbox"> éléments et spécifier les données-rôle pour créer le commutateur est "Flipswitch":
Exemples
<label for="switch">切换开关：</label>
<input type="checkbox" data-role="flipswitch" name="switch" id="switch">
</form>
Essayez »
Par défaut, le commutateur de texte sur «On» et «Off». Vous pouvez utiliser les données en texte et de données hors-texte Propriétés pour la modifier:
Exemples
Essayez »
Astuce: Vous pouvez utiliser la boîte de commutation "checked" attribut pour définir l'option par défaut:
Exemples
Essayez »
D'autres exemples
curseur Intervalle
Faire un glissement des valeurs d'intervalle.
Styles Slider
Définir le style de l'interrupteur à glissière.