Foundation 滑块
Foundation 滑块允许用户通过拖动来选取区间值:
滑块可以通过使用创建。在
内, 添加两个
元素:
创建矩形滑块（蓝色背景），
是在滑块后的灰色横条，是滑块拖动区域。
注意:滑块需要使用 JavaScript。所以你需要初始化 oundation JS:
圆角和禁用滑块
使用.radius和.round类来添加圆角滑块。使用.disabled类来禁用滑块：
垂直滑块
使用.vertical-range类和data-options="vertical: true;"来创建垂直滑块:
滑块值
默认情况下，滑块放在横条的中间 (数值为 "50")。可以通过添加data-options="initial:num"属性来修改默认值:
显示滑块值
如果我们需要在滑块拖动时实时显示值，可以通过在中添加
data-options="display_selector:#id"属性且元素 id 值与滑块的 id 匹配，如下实例：
组合数据选项
以下实例使用了display_selector和initial数据选项:
步长
默认情况下，滑块滑动的增加减少的数量为 "1"。可以通过添加data-options="step:num;"属性来修改步长值。实例中设置为 25:
自定义区间
默认情况下，区间值在 "0" 到 "100"。可以通过添加 data-optionsstart和end来设置区间值。以下实例设置区间值为 "1" 到 "20":
使用网格
以下使用为在网格中使用滑块：
使用 Input
以下实例使用
