Name

range

Type

input

Synopsis

How to render an input slider

Description

Used to get a value between x and y, presented to the user as a slider.

Parameters

type="range"

Other options : autocomplete list min max step value

All other valid parameters for an input field are valid

Example

  <input type="range" min="5" max="10" step="0.01" />

Note

By default, the granularity, is 1, meaning that the value is always an integer. You can change the step attribute to control the granularity. For example, If you need a value between 5 and 10, accurate to two decimal places, you should set the value of step to 0.01.

If you want to accept any value regardless of how many decimal places it extends to, you can specify a value of "any" for the step attribute.

Links