HTMLでスライダーバーを使ってみる

↓こちらのサイトを参考に、HTMLでスライダーバーを使ってみました。

HTML5/フォーム/input要素 大まかな数値の入力欄を作る - TAG index

・最小値、最大値、ステップ 形式

<input type="range" name="example" step="0.1" min="0" max="1">

・リスト形式

<input type="range" name="example" list="data1">

<datalist id="data1">
<option value="10"></option>
<option value="20"></option>
<option value="30"></option>
</datalist>

この2つのパターンが使えそう。