Najlepszy samouczek przełącznik Fundacja W 2024 r. W tym samouczku możesz dowiedzieć się
wielkość Przełącznik,przełącznik filet,grupa Przełącznik,
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>
Spróbuj »
wielkość Przełącznik
Użyj .large
, .small
lub .tiny
klasę ustawienie rozmiaru przełącznika:
Przykłady
<Div class = "przełączyć duże" > pl. </ div>
<Div class = "switch"> pl. </ div>
<Div class = "przełączać małe" > pl. </ div>
<Div class = "przełączyć malutki" > pl. </ div>
Spróbuj »
przełącznik filet
Użyj .radius
i .round
klasę ustawić przełącznik zaokrąglenia:
Przykłady
<Div class = "switch"> pl. </ div>
<Div class = "Promień switch" > pl. </ div>
<Div class = "switch round" > pl. </ 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>
Spróbuj »