財団スイッチ
スイッチが「オン」と「オフ」の切り替えの下にマウスクリック(指タッピング)状態です。
使用するスイッチ<div class="switch">
作成します。 <div>
内で一意のIDを持つ追加<input type="checkbox">
<label>
の属性の要素が必要とする<input type="checkbox">
マッチのID:
例
<DIVクラス = "スイッチ">
<入力されたID = "mySwitch"タイプ = "チェックボックス">
<= "mySwitch"のラベル> </ label>は
</ DIV>
<入力されたID = "mySwitch"タイプ = "チェックボックス">
<= "mySwitch"のラベル> </ label>は
</ DIV>
»をお試しください
スイッチサイズ
使用.large
、 .small
または.tiny
スイッチサイズを設定するクラス:
例
<DIVクラス= "大切り替える" > ja. </ DIV>
<DIVクラス= "スイッチ"> ja. </ DIV>
<DIVクラス= "小さなスイッチ" > ja. </ DIV>
<DIVクラス= "小さなスイッチ" > ja. </ DIV>
<DIVクラス= "スイッチ"> ja. </ DIV>
<DIVクラス= "小さなスイッチ" > ja. </ DIV>
<DIVクラス= "小さなスイッチ" > ja. </ DIV>
»をお試しください
フィレットスイッチ
使用.radius
と.round
フィレットスイッチを設定するクラス:
例
<DIVクラス= "スイッチ"> ja. </ DIV>
<DIVクラス= "スイッチ半径" > ja. </ DIV>
<DIVクラス= "ラウンドスイッチ" > ja. </ DIV>
<DIVクラス= "スイッチ半径" > ja. </ DIV>
<DIVクラス= "ラウンドスイッチ" > ja. </ DIV>
»をお試しください
スイッチ群
あなたはラジオボタン(ラジオ)を設定することにより、個々のオプションを設定することができます。 注:各オプションのことに注意してくださいname
属性が同じ(例えば、「myGroupが」)でなければなりません。
例
<DIVクラス = "スイッチ">
<入力されたID = "mySwitch1"タイプ = "ラジオ"の名前= "myGroupが">
<= "mySwitch1"のラベル> </ label>は
</ DIV>
<DIVクラス = "スイッチ">
<入力されたID = "mySwitch2"タイプ = "ラジオ"の名前をチェック= "myGroupが">
<= "mySwitch2"のラベル> </ label>は
</ DIV>
<入力されたID = "mySwitch1"タイプ = "ラジオ"の名前= "myGroupが">
<= "mySwitch1"のラベル> </ label>は
</ DIV>
<DIVクラス = "スイッチ">
<入力されたID = "mySwitch2"タイプ = "ラジオ"の名前をチェック= "myGroupが">
<= "mySwitch2"のラベル> </ label>は
</ DIV>
»をお試しください