Material Design Lite - Switches

Material Design Lite Switches - 从简单和简单的步骤学习Material Design Lite，从基本到高级概念，包括概述，环境设置，布局，网格，标签，页脚，徽章，按钮，卡片，进度条，旋转器，菜单，滑块，复选框，单选按钮，图标，开关，数据表，文本字段，工具提示。

MDL提供了一系列CSS类来应用各种预定义的视觉和行为
增强功能，并将不同类型的复选框显示为开关.下表列出了可用的类及其效果.

Sr.No.	Class Name&描述
1	mdl-switch 将标签标识为MDL组件，并且在标签元素上是必需的.
2	mdl-js-switch 将基本MDL行为设置为标签，并且在标签元素上是必需的.
3	mdl-switch__input 设置要切换的基本MDL行为，并且在输入元素(开关)上是必需的.
4	mdl-switch__label 将基本MDL行为设置为标题，并且在输入元素(标题)上是必需的.
5	mdl -js纹波效应设置涟漪点击效果并且是可选的;继承标签元素而不是输入元素(开关).

示例

以下示例将帮助您了解使用mdl-switch类和
不同类型的复选框作为开关.

mdl_switches.htm

                                                                                                                                                     On Switch Off Switch Disabled Switch

结果

验证结果.