Latest web development tutorials

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>

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>

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>

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>

Trate »