Latest web development tutorials

forma cursore jQuery Mobile

controlli a cursore jQuery Mobile

Slider consente di selezionare un valore da un intervallo di numeri:


Per creare un cursore, utilizzare il <input type = "range">:

Esempi

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

Prova »

Utilizzare i seguenti attributi per specificare restrizioni:

  • max - il massimo consentito dalla normativa
  • min - al minimo consentito dalle normative
  • passo - specifica gli intervalli di numero legale per
  • value - il valore predefinito specificato

Suggerimento: Se si desidera visualizzare il pulsante può aggiungere il valore dello stato di avanzamento del-show-valore di dati = "true " l'attributo:

Esempi

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

Prova »

Suggerimento: se si desidera visualizzare lo stato di avanzamento sul cursore (simile a giocare una piccola finestra) È possibile utilizzare l'= "true dati-popup-enabled " attributi:

Esempi

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

Prova »

Suggerimento: Se si desidera evidenziare il valore del dispositivo di scorrimento evidenziata, aggiungere dati-highlight = "true":

Esempi

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

Prova »

Interruttori a levetta

Fluttuazioni interruttore è normalmente utilizzati per il / vero tasto / falso off o:


Possiamo usare il <input type = "checkbox"> elementi e specificare il ruolo di dati per creare l'interruttore è "flipswitch":

Esempi

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

Prova »

Per impostazione predefinita, l'interruttore di testo su "On" e "Off". È possibile utilizzare le proprietà-on-text dei dati e-off-text i dati per modificarlo:

Esempi

<Input type = "checkbox" dati -role = "flipswitch" name = "interruttore" id = "switch" data-on-text = "True"-off-text di dati = "false">

Prova »

Suggerimento: è possibile utilizzare la casella di interruttore "controllato" attributo per impostare l'opzione di default:

Esempi

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

Prova »

Esempi

Altri esempi

cursore intervallo
Fai una diapositiva valori di intervallo.

Stili Slider
Impostare lo stile al interruttore a scorrimento.