技術情報
<input type="range">
大まかな数値の入力欄を定義します。

属性
オートコンプリートを有効にするかどうかを設定します。

on (デフォルト)
オートコンプリートを有効にします。

off
オートコンプリートを無効にします。

自動フォーカスを設定します。自動フォーカスを設定できるのは1つの文書で1つだけです。
値は autofocus="autofocus" とするか 属性名のみ指定します。

部品を無効にします。
値は disabled="disabled" とするか 属性名のみ指定します。

<form>~</form>の外側に部品グループを配置する場合に、formタグのid属性値と同じ値を設定します。

datalistタグのid属性値を設定します。この属性を設定すると、テキスト入力欄にフォーカスが移動した時に選択肢候補が入力欄下部に表示されるようになります。

入力できる数値の最大値を設定します。

入力できる数値の最小値を設定します。

部品の名前を設定します。value属性値とセットで送信されます。

入力できる数値の間隔を設定します。数値(デフォルト 1)を設定するか "any"(ステップ設定しない)を設定します。

"range"を設定します。

送信される値を設定します。name属性値とセットで送信されます。


(※)value属性、min属性、max属性などの数値を設定する属性では、浮動小数点で設定します。


使用例
<form id="test">
<input type="range" name="data1" list="list1" min="0" max="100" step="10" title="数値を設定してください"><br>
<datalist id="list1">
<option value="20"></option>
<option value="40"></option>
<option value="60"></option>
</datalist>
</form>


表示例