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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

我的意思是，如果最初滑块的值为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="">

以上是 HTML5输入类型范围显示范围值 的全部内容， 来源链接： utcz.com/qa/410046.html

回到顶部