interruptor de la Fundación
Switch es un clic del ratón (dedo tapping) en virtud de cambiar entre "On" y "Off" dice lo siguiente:
Cambie a utilizar <div class="switch">
Crear. <div>
añadió con un identificador único dentro del <input type="checkbox">
, <label>
elemento de atributos necesita <input type="checkbox">
Identificación de combinaciones:
Ejemplos
<Div class = "interruptor">
<Entrada de id = tipo "myswitch" = "casilla de verificación">
<Label for = "myswitch"> </ label>
</ Div>
<Entrada de id = tipo "myswitch" = "casilla de verificación">
<Label for = "myswitch"> </ label>
</ Div>
Trate »
interruptor de tamaño
Utilice .large
, .small
o .tiny
clase para establecer el tamaño del interruptor:
Ejemplos
<Div class = "cambiar grande" > ... </ div>
<Div class = "interruptor"> ... </ div>
<Div class = "cambiar pequeña" > ... </ div>
<Div class = "pequeño interruptor" > ... </ div>
<Div class = "interruptor"> ... </ div>
<Div class = "cambiar pequeña" > ... </ div>
<Div class = "pequeño interruptor" > ... </ div>
Trate »
interruptor de filete
Utilice .radius
y .round
clase de ajustar el interruptor de filete:
Ejemplos
<Div class = "interruptor"> ... </ div>
<Div class = "radio interruptor" > ... </ div>
<Div class = "interruptor redondo" > ... </ div>
<Div class = "radio interruptor" > ... </ div>
<Div class = "interruptor redondo" > ... </ div>
Trate »
grupo de interruptores
Puede configurar las opciones individuales ajustando el botón de radio (radio). Nota: Tenga en cuenta que cada opción de name
atributo debe ser el mismo (por ejemplo "migrupo").
Ejemplos
<Div class = "interruptor">
<Entrada de id = tipo "mySwitch1" = "radio" name = "migrupo">
<Label for = "mySwitch1"> </ label>
</ Div>
<Div class = "interruptor">
<Entrada de id = tipo "mySwitch2" = "radio" name = "migrupo" marcado>
<Label for = "mySwitch2"> </ label>
</ Div>
<Entrada de id = tipo "mySwitch1" = "radio" name = "migrupo">
<Label for = "mySwitch1"> </ label>
</ Div>
<Div class = "interruptor">
<Entrada de id = tipo "mySwitch2" = "radio" name = "migrupo" marcado>
<Label for = "mySwitch2"> </ label>
</ Div>
Trate »