Le meilleur didacticiel commutateur Fondation en 2024, dans ce didacticiel, vous pouvez apprendre Taille du commutateur,interrupteur Fillet,groupe de commutation,

commutateur Fondation

Switch est un clic de souris (tapping) sous basculer entre «On» et «Off», déclare:

Passez à utiliser <div class="switch"> Créer. <div> ajouté avec un identifiant unique dans le <input type="checkbox"> , <label> élément pour les attributs besoin <input type="checkbox"> id de matches:

Exemples

<Class = Div "switch">
<Entrée id = type "mySwitch" = "checkbox">
<Label for = "mySwitch"> </ label>
</ Div>

Essayez »

Taille du commutateur

Utilisez .large , .small ou .tiny classe pour définir la taille de l' interrupteur:

Exemples

<Class Div = "switch large" > fr. </ div>
<Class = Div "switch"> fr. </ div>
<Class Div = "switch petite" > fr. </ div>
<Class Div = "switch minuscule" > fr. </ div>

Essayez »

interrupteur Fillet

Utilisez .radius et .round classe pour régler le commutateur de filet:

Exemples

<Class = Div "switch"> fr. </ div>
<Class Div = "rayon de commutation" > fr. </ div>
<Class = Div "switch round" > fr. </ div>

Essayez »

groupe de commutation

Vous pouvez définir des options individuelles en réglant le bouton radio (radio). Remarque: Notez que chaque option name attribut doit être le même (par exemple "myGroup").

Exemples

<Class = Div "switch">
<Id d'entrée = type "mySwitch1" = "radio" name = "myGroup">
<Label for = "mySwitch1"> </ label>
</ Div>

<Class = Div "switch">
<Id d'entrée = Type "mySwitch2" = "radio" name = "myGroup" checked>
<Label for = "mySwitch2"> </ label>
</ Div>

Essayez »
commutateur Fondation
10/30