Campos de rango con type="range"

tune Control deslizante
Muestra una barra deslizante para seleccionar un valor numérico de forma visual e intuitiva
arrow_downward
min
Valor mínimo permitido
arrow_upward
max
Valor máximo permitido
trending_up
step
Incremento/decremento
tag
value
Valor inicial
touch_app Interactividad
Ideal para ajustes de configuración, controles de volumen, brillo o cualquier selección visual de un valor numérico
code Sintaxis básica
<input type="range" name="volumen" min="0" max="100" step="5" value="50">
visibility Ejemplos visuales
lightbulb Mejora de UX
Complementa el control deslizante con JavaScript para mostrar el valor seleccionado en tiempo real