HTML5输入类型范围显示范围值

我在一个网站，我想使用范围滑块(我知道它只支持webkit浏览器)。

我已经完全集成，工作正常。但我想使用一个文本框来显示当前的幻灯片值。

我的意思是如果最初的滑块是5，所以在文本框中应该显示为5，当我滑动文本框中的值应该更改。

我可以使用只使用CSS或html。我想避免JQuery。可能吗？

解决方法

这使用javascript，而不是jquery直接。这可能有助于你开始。

function updateTextInput(val) {
          document.getElementById('textInput').value=val; 
        }

<input type="range" name="rangeInput" min="0" max="100" onchange="updateTextInput(this.value);">
<input type="text" id="textInput" value="">