レンジスライダー
Range Slider
別名: 2点スライダー
ライブデモ
説明
一言で説明
「最小値」と「最大値」の2つのつまみを持ち、数値の範囲を指定するための入力要素。
いつ使う？
「予算：1万円〜5万円」のように、特定の範囲を指定させたい場合。
💡 日常の言い方
「左右に動かせる丸が2つあって、範囲を選べるバー」
似ている用語との違い
レンジスライダー vs スライダー
スライダーは単一の値を指定するが、レンジスライダーは開始点と終了点の両方を指定できる。
AIへの指示例
価格検索用にレンジスライダーを作成して。0円から100万円の間で1,000円刻みで指定できるようにして。現在の選択範囲を数値でも表示して。