Range Slider

This is another example taken from the W3C website.

I was looking at this at the same time that I was looking at webkit, this is why there is a link to my discussion on it. The code for the slider does not use webkit.

The Example

Drag the slider to display the current value.

Value:

The code

<div class="slidecontainer">
  <input type="range" min="1" max="100" value="50" class="slider" id="myRange">
  <p>Value: 

</div> <script> var slider = document.getElementById("myRange"); var output = document.getElementById("demo"); output.innerHTML = slider.value; slider.oninput = function() { output.innerHTML = this.value; } </script>

Links

External Sources

Range Slider