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

Question

好的,所以我试图使用范围输入类型

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

但我希望将价值打印在它旁边,我该怎么做？

喜欢

-------* - 7

*--------- 1

Answer 1

附加到onChange事件,在事件处理函数中,您可以选择值并将其作为innerHtml写入控制器旁边的范围

<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>