InputSlider

InputSlider works by taking an input field, hiding it, and showing a drag slider on top.

The values on the slider represent the min/max values expected to be entered inside the field.

Using the drag handle users will be able to adjust the field's value, which is also displayed at the top of the slider.

InputSlider simplifies the process of entering numbers inside a form field, but more importantly it gives developers more control over what values are entered by limiting the input range.

This MooTools class has special support for handling currency and percentage values, can be styled via CSS, can automatically snap the drag handle to certain values (step-based adjustment), and can also colorize the input's value text based on its current selected number.

A demo is included with the download package.

What is new in this release:

• Importing InputSlider to GitHub.

Requirements:

• JavaScript enabled on client side
• MooTools