7. HTML5

[html5]number, range 테스트

자르르 2012. 1. 13. 11:48

소스 :

<script>
function on_Change()
{
var txt_1 =document.getElementById("txt_Value");

var rang_1 =document.getElementById("range_1");
txt_1.value =rang_1.value;
}


</script>
</head>

<body>
<form>
<input type="number" min="0" max="100" value="50" id="num_1"><br/>
<input type="range" min="0" max="100" value="50" id="range_1" onChange="on_Change()"><br/>
<input type="text" id="txt_Value"/>
</form>
</body>

실행화면