Input Slider

<input class="input-slider" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="14">

<input class="input-slider" value="" data-slider-min="10" data-slider-max="1000" data-slider-step="5" data-slider-value="[250,450]">

<input class="input-slider" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="5" data-slider-enabled="false">

<input class="input-slider" data-slider-id="input-slider-square" data-slider-min="0" data-slider-max="255" data-slider-step="1" data-slider-value="128" data-slider-tooltip="hide" data-slider-handle="square">
<br>
<input class="input-slider" data-slider-id="input-slider-round" data-slider-min="0" data-slider-max="255" data-slider-step="1" data-slider-value="128" data-slider-tooltip="hide" data-slider-handle="round">
<br>
<input class="input-slider" data-slider-id="input-slider-rectangle" data-slider-min="0" data-slider-max="255" data-slider-step="1" data-slider-value="128" data-slider-tooltip="hide" data-slider-handle="triangle">
<br>
<input class="input-slider" data-slider-id="input-slider-triangle" data-slider-min="0" data-slider-max="255" data-slider-step="1" data-slider-value="128" data-slider-tooltip="hide" data-slider-handle="triangle">

<input class="input-slider" data-slider-min="-5" data-slider-max="20" data-slider-step="1" data-slider-value="-3" data-slider-orientation="vertical">

<input class="input-slider" data-slider-min="-5" data-slider-max="20" data-slider-step="1" data-slider-value="-3" data-slider-orientation="vertical" data-slider-tooltip-position="left">

<input class="input-slider" data-slider-value="0" data-slider-ticks="[0, 100, 200, 300, 400]" data-slider-ticks-snap-bounds="30" data-slider-ticks-labels='["$0", "$100", "$200", "$300", "$400"]'>

<input class="input-slider" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="14" data-slider-tooltip-position="bottom">

<input class="input-slider" data-slider-handle="custom">