Slider

Sliders allow the user to select a single value within a given range using a slider.

<label>Select a value: <input type="range"></label>

Min, Max, and Step Jump to heading #

Use the min and max attributes to set the range's minimum and maximum values, respectively. The step attribute determines the value's interval when increasing and decreasing.

<input type="range" min="0" max="10" step="1">

Disabled Jump to heading #

Use the disabled attribute to disable a slider.

<input type="range" disabled>