przełącznik Fundacja
Switch jest kliknięcie myszą (palec dotykając) w przełączniku między "ON" i "OFF" stwierdza:
Przełącznik używać <div class="switch"> Utwórz. <div> dodaje unikatowy identyfikator w <input type="checkbox"> , <label> element atrybuty potrzebne <input type="checkbox"> id meczów:
Przykłady
<Div class = "switch">
<Wejście id = "mySwitch" type = "checkbox">
<Label for = "mySwitch"> </ label>
</ Div>
<Wejście id = "mySwitch" type = "checkbox">
<Label for = "mySwitch"> </ label>
</ Div>
Spróbuj »
wielkość Przełącznik
Użyj .large , .small lub .tiny klasę ustawienie rozmiaru przełącznika:
Przykłady
<Div class = "przełączyć duże" > ... </ div>
<Div class = "switch"> ... </ div>
<Div class = "przełączać małe" > ... </ div>
<Div class = "przełączyć malutki" > ... </ div>
<Div class = "switch"> ... </ div>
<Div class = "przełączać małe" > ... </ div>
<Div class = "przełączyć malutki" > ... </ div>
Spróbuj »
przełącznik filet
Użyj .radius i .round klasę ustawić przełącznik zaokrąglenia:
Przykłady
<Div class = "switch"> ... </ div>
<Div class = "Promień switch" > ... </ div>
<Div class = "switch round" > ... </ div>
<Div class = "Promień switch" > ... </ div>
<Div class = "switch round" > ... </ div>
Spróbuj »
grupa Przełącznik
Można ustawić poszczególne opcje, ustawiając przełącznik (radio). Uwaga: Należy pamiętać, że każda opcja name atrybutu musi być takie same (na przykład "MyGroup").
Przykłady
<Div class = "switch">
<Id = Wejście "mySwitch1" type = "radio" name = "MyGroup">
<Label for = "mySwitch1"> </ label>
</ Div>
<Div class = "switch">
<Id = Wejście "mySwitch2" type = "radio" name = "MyGroup" sprawdzone>
<Label for = "mySwitch2"> </ label>
</ Div>
<Id = Wejście "mySwitch1" type = "radio" name = "MyGroup">
<Label for = "mySwitch1"> </ label>
</ Div>
<Div class = "switch">
<Id = Wejście "mySwitch2" type = "radio" name = "MyGroup" sprawdzone>
<Label for = "mySwitch2"> </ label>
</ Div>
Spróbuj »