Latest web development tutorials

財団スイッチ

スイッチが「オン」と「オフ」の切り替えの下にマウスクリック（指タッピング）状態です。

使用するスイッチ<div class="switch">作成します。 <div>内で一意のIDを持つ追加<input type="checkbox"> <label>の属性の要素が必要とする<input type="checkbox">マッチのID：

例

<DIVクラス = "スイッチ">
<入力されたID = "mySwitch"タイプ = "チェックボックス">
<= "mySwitch"のラベル> </ label>は
</ DIV>

»をお試しください

スイッチサイズ

使用.large 、 .smallまたは.tinyスイッチサイズを設定するクラス：

例

<DIVクラス= "大切り替える" > ... </ DIV>
<DIVクラス= "スイッチ"> ... </ DIV>
<DIVクラス= "小さなスイッチ" > ... </ DIV>
<DIVクラス= "小さなスイッチ" > ... </ DIV>

»をお試しください

フィレットスイッチ

使用.radiusと.roundフィレットスイッチを設定するクラス：

例

<DIVクラス= "スイッチ"> ... </ DIV>
<DIVクラス= "スイッチ半径" > ... </ DIV>
<DIVクラス= "ラウンドスイッチ" > ... </ DIV>

»をお試しください

スイッチ群

あなたはラジオボタン（ラジオ）を設定することにより、個々のオプションを設定することができます。 注：各オプションのことに注意してくださいname属性が同じ（例えば、「myGroupが」）でなければなりません。

例

<DIVクラス = "スイッチ">
<入力されたID = "mySwitch1"タイプ = "ラジオ"の名前= "myGroupが">
<= "mySwitch1"のラベル> </ label>は
</ DIV>

<DIVクラス = "スイッチ">
<入力されたID = "mySwitch2"タイプ = "ラジオ"の名前をチェック= "myGroupが">
<= "mySwitch2"のラベル> </ label>は
</ DIV>

»をお試しください