重複の可能性:
現在「範囲」入力をサポートしているブラウザーはどれですか?
入力タイプの範囲を使用するときに、すべての主要なブラウザーでスライダーを表示する方法はありますか?
私はこのコードを使用しています：
<input id="Priority" type="range" min="1" max="5" step="1" value="3" onchange="showValue(this.value)" />
Chrome で動作することはわかっていますが、Internet Explorer または Firefox を使用すると、スライダーではなくテキスト ボックスしか表示されません。
これを行う最善の方法は、jqueryui スライダーを使用することです: http://jqueryui.com/demos/slider/
これは GitHub で見つけました。ファイルを GitHub に保存すると、この人のページからフォークできます。彼らはコードを使用する許可を与えます。範囲スライダーがすべてのブラウザーに表示されるようになりました。
https://github.com/fryn/html5slider/blob/master/html5slider.js
注: 著作権表示を含める必要があります。
Copyright (c) 2010-2011 Frank Yan、http://frankyan.com
あなたのページで、または私のように別の .js ファイルとして著作権表示とともにページ全体を保存してください。