输入范围滑块

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年弗兰克·燕，http://frankyan.com

在你的页面

或只保存版权声明整个页面像我一样的单独的.js文件。