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

标签 html printing input

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

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

但是我想在旁边打印值,我该怎么做呢?

喜欢

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

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

关于html - 如何在 HTML5 范围输入类型旁边显示值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7961647/

相关文章:

html - 如何查看 HTML 元素的基线?

java pdf 打印 NetBeans

c - 分段故障核心转储[C语言,链表]

xml - xslt中的输入参数

html - Vue/HTML/JS 如何使用下载标签将文件下载到浏览器

引用不存在的 HTML 数据属性时的 JavaScript 行为?

html - 如何将一组按钮控制的 bootstrap 2 标签页转换为 bootstrap 3

jquery - 如何让 jQuery printElement 打印带有 css 类的 div?

input - SAS 输入列

python - 如何使用带输入的函数?