利用mousover触发函数对range的操作练习
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>range测试</title>
<script type="text/javascript">
function myfunction(){
var x=document.getElementById("rang").value;
document.getElementById("text").value=x;
}
function myfunction2(){
var x=document.getElementById("text2").value;
document.getElementById("rang2").value=x;
}
</script>
</head>
<body>
<!--滑动range获得值-->
<p>滑动range获得标值</p>
<input type="text" id="text"/><br/>
<input type="range" id="rang" onmousemove="myfunction()"/><br/><br/><br/><br/><br/>
<!--用值控制range-->
<p>输入数字控制range值</p>
<input type="text" id="text2" onmousemove="myfunction2()" placeholder="请输入0-100之间的数"/><br/>
<input type="range" id="rang2" />
</body>
</html>