html - 如何在 HTML5 范围输入类型旁边显示值？

Question

好的，所以我正在尝试使用范围作为输入类型

Times: <input type="range" name ="times"><br>

但是我想在旁边打印值，我该怎么做呢？

喜欢

--------*-- 7

*------------ 1

Answer 1

附加到它的 onChange 事件在事件处理函数中，您可以选择 并将其作为 innerHtml 写入 Controller 旁边的 span

<input id="mine" type="range" min="-100" max="100" value="0" step="10" onChange="change();"> <span id="result"></span>

<script>
var result = document.getElementById("result");
var mine = document.getElementById("mine");
function change(){
    result.innerText = mine.value;
}
</script>