interruptor Foundation
Switch é um clique do mouse (finger tapping) sob alternar entre "On" e "Off", afirma:
Mudar para usar <div class="switch">
Criar. <div>
acrescentou com um ID único dentro do <input type="checkbox">
, <label>
elemento para atributos precisa <input type="checkbox">
ID de partidas:
Exemplos
<Div class = "switch">
<Input id = type "mySwitch" = "checkbox">
<Label for = "mySwitch"> </ label>
</ Div>
<Input id = type "mySwitch" = "checkbox">
<Label for = "mySwitch"> </ label>
</ Div>
tente »
tamanho interruptor
Use .large
, .small
ou .tiny
classe para definir o tamanho do switch:
Exemplos
<Div class = "grande interruptor" > ... </ div>
<Div class = "switch"> ... </ div>
<Div class = "mudar pequeno" > ... </ div>
<Div class = "mudar minúscula" > ... </ div>
<Div class = "switch"> ... </ div>
<Div class = "mudar pequeno" > ... </ div>
<Div class = "mudar minúscula" > ... </ div>
tente »
interruptor fillet
Use .radius
e .round
classe para definir a chave de fillet:
Exemplos
<Div class = "switch"> ... </ div>
<Div class = "switch raio" > ... </ div>
<Div class = "switch rodada" > ... </ div>
<Div class = "switch raio" > ... </ div>
<Div class = "switch rodada" > ... </ div>
tente »
grupo interruptor
É possível definir opções individuais, definindo o botão de rádio (rádio). Nota: Note que cada opção de name
atributo deve ser o mesmo (por exemplo, "myGroup").
Exemplos
<Div class = "switch">
<Id de entrada = tipo "mySwitch1" = "radio" name = "myGroup">
<Label for = "mySwitch1"> </ label>
</ Div>
<Div class = "switch">
<Input id = type "mySwitch2" = "radio" name = "myGroup" marcada>
<Label for = "mySwitch2"> </ label>
</ Div>
<Id de entrada = tipo "mySwitch1" = "radio" name = "myGroup">
<Label for = "mySwitch1"> </ label>
</ Div>
<Div class = "switch">
<Input id = type "mySwitch2" = "radio" name = "myGroup" marcada>
<Label for = "mySwitch2"> </ label>
</ Div>
tente »