我正在建立一个网站,我想使用范围滑块(我知道它只支持webkit浏览器).
我已经完全集成它并且工作正常.但我想使用文本框来显示当前的幻灯片值.
我的意思是如果最初滑块的值是5,那么在文本框中它应该显示为5,当我滑动文本框中的值时应该更改.
我可以只使用CSS或HTML来做到这一点.我想避免使用JQuery.可能吗?
我有一个简单的 HTML 范围滑块。最小值为 0 最大值为 30。我想在滑块下方放置标签,但只能每 5 个。
代码如下所示,演示页面在这里 - https://premiecheck-omzetgarant.nl/CalcTool/test.html
<div class="slidecontainer">
<input type="range" min="0" max="30" value="0" class="slider" id="myRange">
<p>Value: <span id="demo"></span></p>
</div>
Run Code Online (Sandbox Code Playgroud)