小编典典

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

all

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

我已经完全集成它并且工作正常。但我想用 atextbox来显示当前的幻灯片值。

我的意思是,如果最初滑块的值为 5,那么在文本框中它应该显示为 5,当我滑动文本框中的值时应该会改变。

我可以只使用CSSor来做到这一点吗html?我想避免JQuery。可能吗?


阅读 93

收藏
2022-08-24

共1个答案

小编典典

这使用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="">
2022-08-24