HTML5 input type range show range value

Question

I am making a website where I want to use range slider(I know it only supports webkit browsers).

I have integrated it fully and works fine. But I would like to use a

Answer 1

If you want your current value to be displayed beneath the slider and moving along with it, try this:

  
  



  
MySliderValue

  

    
    
    
     
  

  

Note that this type of HTML input element has one hidden feature, such as you can move the slider with left/right/down/up arrow keys when the element has focus on it. The same with Home/End/PageDown/PageUp keys.