微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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="">

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。