輸入範圍滑塊

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文件。