Latest web development tutorials

de forma slider jQuery Mobile

controles deslizantes jQuery Mobile

Control deslizante le permite seleccionar un valor de una serie de números:


Para crear un cursor, utilice el <input type = "gama">:

Ejemplos

<form method="post" action="demoform.php">
  <label for="points">进度:</label>
  < input type="range" name="points" id="points" value="50" min="0" max="100">
</form>

Trate »

Utilice los siguientes atributos para especificar las restricciones:

  • max - el máximo permitido por la normativa
  • min - el mínimo permitido por las regulaciones
  • paso - especifica los intervalos de números legales para
  • valor - el valor predeterminado especificado

Consejo: Si desea mostrar en el botón puede añadir el valor del progreso de la presentas-valor de datos = "true " atributo:

Ejemplos

<input type="range" data-show-value="true" >

Trate »

Consejo: Si desea mostrar el progreso en el botón deslizante (similar a jugar una pequeña ventana) Puede utilizar el = "true habilitado para datos emergente " atributo:

Ejemplos

<input type="range" data-popup-enabled="true" >

Trate »

Consejo: Si se desea resaltar el valor del control deslizante resaltado, añadir datos-highlight = "true":

Ejemplos

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

Trate »

Interruptores de palanca

Las fluctuaciones conmutador normalmente utilizados para encendido / apagado o el botón de verdadero / falso:


Podemos utilizar la etiqueta <input type = "checkbox"> elementos y especificar la función de datos para crear el interruptor es "flipswitch":

Ejemplos

<form method="post" action="demoform.php">
  <label for="switch">切换开关:</label>
    <input type="checkbox" data-role="flipswitch" name="switch" id="switch">
</form>

Trate »

Por defecto, el interruptor de texto en "On" y "Off". Puede utilizar las propiedades de texto-a-datos y-fuera-de texto de datos para modificarlo:

Ejemplos

<Input type = "checkbox" datos -role = "flipswitch" name = "interruptor" id = "interruptor" de datos-a-text = "True" datos off-text = "false">

Trate »

Consejo: Puede utilizar la caja de interruptores "marcada" atributo para establecer la opción por defecto:

Ejemplos

<input type="checkbox" data-role="flipswitch" name="switch" id="switch" checked >

Trate »

Ejemplos

más ejemplos

deslizador intervalo
Haz tu valores de intervalo de diapositivas.

Estilos deslizante
Establecer el estilo con el interruptor deslizante.