如何顯示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> 

Answer 2

function showCount(){ 
    var count = document.getElementById("slider").value; 
    console.log("meter position : "+count); 
} 

<input type="range" value="0" id="slider" step="1" min="0" max="15" onchange="showCount()"/> 

旁

當你移動滑塊enter code here或放置並提醒時，這將給予計數。