Controles jQuery Mobile Slider
A barra permite-lhe seleccionar um valor a partir de uma série de números:
Para criar um controle deslizante, use <input type="range"> :
Exemplo
<form method="post" action="demoform.asp">
<label for="points">Points:</label>
< input type="range" name="points" id="points" value="50" min="0"
max="100">
</form>
Tente você mesmo " Use os seguintes atributos para especificar restrições:
- max - especifica o valor máximo permitido
- min - especifica o valor mínimo permitido
- step - especifica os intervalos de números legais
- value - especifica o valor padrão
Dica: Se você quer mostrar o valor no botão deslizante, adicione data-show-value="true" :
Dica: Se você quer o valor para aparecer na sua tela como uma dica de ferramenta (como você desliza), adicionar data-popup-enabled="true" :
Dica: Se você quiser destacar a faixa até o valor slider, adicionar data-highlight="true" :
Interruptor de alavanca aleta
Um switch flip estiver muitas vezes usado para ligar / desligar ou verdadeiro / falso botões:
Para criar uma chave de aleta, usar <input type="checkbox"> e especificar uma data-role de "flipswitch" :
Exemplo
<form method="post" action="demoform.asp">
<label for="switch">Flip toggle switch checkbox:</label>
<input type="checkbox" data-role="flipswitch" name="switch" id="switch">
</form> Tente você mesmo " Por padrão, o texto no switch flip está "On" e "Off" . Use a data-on-text e data-off-text atributos para mudar isso:
Exemplo
<input type="checkbox" data-role="flipswitch" name="switch" id="switch"
data-on-text="True" data-off-text="False" >
Tente você mesmo " Dica: use o "checked" atributo para definir uma das opções a serem pré-selecionados:
Exemplo
<input type="checkbox" data-role="flipswitch" name="switch" id="switch"
checked >
Tente você mesmo " mais Exemplos
deslizante gama
Como fazer um controle deslizante com duas alças, permitindo aos usuários especificar um valor mínimo e máximo em um intervalo.
Girar estilo Interruptor
Como fazer com que o interruptor da aleta mais amplo.