Not many would have expected something like the range element to make its entrance with HTML5, but once it did, hardly any have raised any concerns with its working.
To enable multiple selections, just include ‘multiple’ as an attribute.
The flexibility of sliding the controls and seeing the result ‘live’ is unmatchable.
Here is the sample code for creating the input range element: The default range element will only display the current position of the slider and the user has to guess the exact value.
The advantage here is that the user does not have to press Ctrl or Command key to select multiple options.
Before the introduction of HTML5, thinking about having a range slider on a webpage was equivalent of a crime.