<input type="range">
<input type="range"> はスライダーコントロールを作成します。正確な値よりも、範囲内のおおよその値を入力するのに適しています。
概要
<input type="range"> はスライダーコントロールを作成します。正確な値よりも、範囲内のおおよその値を入力するのに適しています。
対応ブラウザ
デスクトップ
Chrome 4+
Edge 12+
Safari 3.1+
Firefox 23+
モバイル
Chrome Android 57+
Safari iOS 5+
Firefox Android 52+
基本構文
HTML
<label>音量:
<input type="range" min="0" max="100" value="50">
</label>
<label>明るさ:
<input type="range" min="0" max="100" step="5" value="75">
</label> 実務での使いどころ
-
<input type="range"> の活用
範囲スライダー入力要素。音量やフィルタの値など、おおよその数値入力に使用。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。