Latest web development tutorials

イオントグル(切り替え)

HTMLと同様にスイッチすると、チェックボックスにタグを付けていますが、モバイルデバイスで使用する方が簡単です。

スイッチは、色トグル断定を指定するために使用することができます。

<label class="toggle">
   <input type="checkbox">
   <div class="track">
     <div class="handle"></div>
   </div>
</label>

この例では、スイッチのリストを複数有しています。 アイテムトグルクラスを追加するために、各オプションの品目カテゴリの後にあることに注意してください。

<ul class="list">

  <li class="item item-toggle">
     HTML5
     <label class="toggle toggle-assertive">
       <input type="checkbox">
       <div class="track">
         <div class="handle"></div>
       </div>
     </label>
  </li>

  ...

</ul>

次のように業績は次のとおりです。