# Deslizador > Control para elegir un valor o un rango arrastrando: marcas, varias manijas, vertical y deshabilitado. Categoría: Formularios · Solar v0.8.0 Usa este HTML tal cual, con Tailwind y ccs-tailwind-config.js cargados (ver https://utiliza.me/solar/instalacion.html). ## Guía: Cuándo usarlo - Para rangos aproximados: precio, distancia, cantidad. - Si el valor exacto importa, suma un campo de número. - No para elegir entre pocas opciones con nombre: usa radios. ## Un valor ```html

Presupuesto máximo$500.000

``` ## Rango ```html

Rango de precio$200.000 – $800.000

Elige entre $0 y $1.000.000.

``` ## Con marcas ```html

Distancia10 km

``` ## Varias manijas ```html

Tramos de venta20 · 50 · 80

``` ## Vertical ```html

Graves

Medios

Agudos

``` ## Deshabilitado ```html

Presupuesto máximo$300.000

``` ## Guía: Comportamiento Cada manija es role="slider" con aria-valuenow y aria-valuetext en palabras ("$500.000", no "50"). Flechas mueven un paso; Re Pág y Av Pág, diez; Inicio y Fin, al mínimo y al máximo. Si el valor exacto importa, se suma un campo de número al lado: arrastrar a un valor preciso es difícil (WCAG 2.5.7, movimientos de arrastre).