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

前端之家收集整理的这篇文章主要介绍了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="">

猜你在找的HTML5相关文章