間隔を示すHTML入力範囲

HTML入力範囲に間隔を追加することは可能ですか？基本的には、ユーザーは指定された間隔でバーをクリックするだけです。私は、JSとCSSを使用する税関スライダがあることを知っていますが、実際にはいくつかの垂直線を持つ標準バーが必要です。私はより明確にされている必要があります申し訳間隔を示すHTML入力範囲

EDIT：私は何を探していることは完全に視覚的で、私は以下の私のコードを投稿しますが、私は私が何をしたいのステップ属性が上の視覚的な表現で実装しています棒グラフに5つの可能なステップ/間隔があり、それが利用可能であることをユーザに示す棒グラフ。

<input id="slider" max="5" min="1" step="1" style="width:90%; height:30%; type="range" value="5">

出典

2016-04-04 James B

このような意味ですか（下記のコードを参照）。範囲スライダーにstep="X"変数を追加する必要があります。

ステップとは何ですか？ minとmaxで動作が数値または日付時刻値を設定することができるに増分を制限する属性

。任意の文字列、またはの正の浮動小数点数にすることができます。この属性がanyに設定されていない場合、は、最小値よりも大きいステップ値の倍数で値がより大きい値を受け入れます。

詳しくは、Mozilla Developer Networkを参照してください。

<input id="slider1" type="range" min="1" max="11" step="2" />

出典

2016-04-04 09:49:39 Roy

謝罪私は不明だった、私の編集を参照してください。 –

@JamesB次に、あなたの答えです：http://stackoverflow.com/a/26613443/6022243 – Roy

その特定の答えの問題は、コメントによると、これはMac OSでは動作しません。 Macはこれは問題があるhaです –

の入力フィールドにstep属性を追加します。

<input type="range" min="0" max="100" step="10">

出典

2016-04-04 09:52:02 Roy

答えて

関連する問題