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

小编典典

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

all

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

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

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

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

阅读 97

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