输入范围滑块

Question

  

可能重复：
  What browsers currently support the ‘range’ input?

使用输入类型范围时，有没有办法在所有主流浏览器中显示滑块？

我正在使用此代码：

<input id="Priority" type="range" min="1" max="5" step="1" value="3" onchange="showValue(this.value)" />

我知道它适用于Chrome，但是当我使用Internet Explorer或Firefox时，它只会显示一个文本框而不是一个滑块。

Answer 1

最好的方法是使用jqueryui滑块：http://jqueryui.com/demos/slider/

Answer 2

我在GitHub上发现了这个。如果您将文件保存到GitHub，您可以从此人的页面分叉。他们允许使用代码。我的范围滑块现在在所有浏览器中显示。

https://github.com/fryn/html5slider/blob/master/html5slider.js

注意：您必须包含版权声明：

版权所有（c）2010-2011 Frank Yan，http://frankyan.com

在您的网页中，或者只是将版权声明整个页面保存为单独的.js文件。