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

小编典典

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

css

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

我已经将其完全集成并且可以正常工作。但我想使用a textbox来显示当前的幻灯片值。

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

我可以仅使用CSS还是使用html。我想避免JQuery。可能吗？

阅读 467

2020-05-16

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

2020-05-16