Material Design Lite - 滑块

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

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

Sr.No.	Class Name&描述
1	mdl-slider 将输入元素标识为MDL组件并且是必需的.
2	mdl-js-slider 将基本MDL行为设置为输入元素，并且是必需的.

Sr.No.

Class Name&描述

mdl-slider

将输入元素标识为MDL组件并且是必需的.

mdl-js-slider

将基本MDL行为设置为输入元素，并且是必需的.

示例

以下示例将帮助您了解使用mdl-slider类来显示
不同类型的滑块.

mdl_sliders.htm

                                                  function showMessage(value) {            document.getElementById("message").innerHTML  =  value;         }                                                                                      Default Slider Slider with initial value Disabled Slider
      Value: 25

结果

验证结果.