interruttore Fondazione
Switch è un clic del mouse (finger tapping) sotto passare da "On" e "Off", afferma:
Passare a usare <div class="switch">
Crea. <div>
aggiunto con un ID univoco all'interno del <input type="checkbox">
, <label>
elemento per attributi bisogno <input type="checkbox">
id di partite:
Esempi
<Div class = "switch">
<Id = Ingresso tipo "mySwitch" = "checkbox">
<Label for = "mySwitch"> </ label>
</ Div>
<Id = Ingresso tipo "mySwitch" = "checkbox">
<Label for = "mySwitch"> </ label>
</ Div>
Prova »
dimensioni interruttore
Utilizzare .large
, .small
o .tiny
classe per impostare le dimensioni interruttore:
Esempi
<Div class = "passare grandi" > ... </ div>
<Div class = "switch"> ... </ div>
<Div class = "passare piccolo" > ... </ div>
<Div class = "passare piccolo" > ... </ div>
<Div class = "switch"> ... </ div>
<Div class = "passare piccolo" > ... </ div>
<Div class = "passare piccolo" > ... </ div>
Prova »
interruttore Filetto
Utilizzare .radius
e .round
classe per impostare l'interruttore filetto:
Esempi
<Div class = "switch"> ... </ div>
<Div class = "Raggio di switch" > ... </ div>
<Div class = "interruttore rotondo" > ... </ div>
<Div class = "Raggio di switch" > ... </ div>
<Div class = "interruttore rotondo" > ... </ div>
Prova »
gruppo interruttore
È possibile impostare le singole opzioni impostando il pulsante di opzione (radio). Nota: Si noti che ogni opzione name
attributo deve essere lo stesso (per esempio "myGroup").
Esempi
<Div class = "switch">
<Input id = tipo "mySwitch1" = "radio" name = "myGroup">
<Label for = "mySwitch1"> </ label>
</ Div>
<Div class = "switch">
<Input id = tipo "mySwitch2" = "radio" name = "myGroup" controllato>
<Label for = "mySwitch2"> </ label>
</ Div>
<Input id = tipo "mySwitch1" = "radio" name = "myGroup">
<Label for = "mySwitch1"> </ label>
</ Div>
<Div class = "switch">
<Input id = tipo "mySwitch2" = "radio" name = "myGroup" controllato>
<Label for = "mySwitch2"> </ label>
</ Div>
Prova »