基础 CSS 原生范围滑块

Foundation CSS是由 ZURB 于 2011 年 9 月创建的开源和响应式前端框架，可以轻松创建可在任何设备上运行的令人惊叹的响应式网站、应用程序和电子邮件。许多公司，如 Facebook、eBay、Mozilla、Adobe，甚至迪士尼，都在使用它。该框架基于bootstrap，类似于SaaS。该框架建立在类似 Saas 的引导程序上。它更加复杂、灵活且易于定制。它还带有 CLI，因此很容易与模块捆绑器一起使用。它提供了 Fastclick.js 工具，用于在移动设备上更快地呈现。

Foundation CSS Native Range Slider有助于在一个范围内设置特定值。它允许通过拖动一个小圆形条来指定范围值。它具有滑块的最小值和最大值。它相当于，范围滑块的原生 HTML 元素。它不需要 JavaScript。它在需要在一定范围内选择某物的评级或质量的网站上很有用。

Foundation CSS Native Range Slider 属性：

• min：滑块的最小值。
• max：滑块的最大值。
• 步骤：它指定元素中合法数字之间的间隔。
• disabled : 禁用原生范围滑块。

句法 ：

示例 1：以下示例代码演示了 Foundation CSS 中的Native Range Slider 。

HTML

  

  
  
  

  

  
    
GeeksforGeeks
    
Foundation CSS Native Range Slider
    
  

  

输出：

基础 CSS 原生范围滑块

示例 2：以下代码演示了 Foundation CSS 中具有disabled属性的 Native Range Slider。

HTML

  

  
  
  

  

  
    
GeeksforGeeks
    
Foundation CSS Native Range Slider disabled
    
  

  

输出 ：

基础 CSS 原生范围滑块

参考： https://get.foundation/sites/docs/slider.html#native-range-slider