개발자의 길

[html5]number, range 테스트 본문

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>

실행화면

저작자표시

'7. HTML5' 카테고리의 다른 글

[html5]file 테스트  (0) 2012.01.13
[html5]checkbox에 추가된 indeterminate 프로퍼티 테스트  (2) 2012.01.13
[html5]datetime,date,month,week,time,datetime-local 테스트1  (0) 2012.01.13
[html5]tel,url,email 테스트  (0) 2012.01.13
[html5] search 테스트  (0) 2012.01.13


이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
공유하기 링크
'7. HTML5' Related Articles more
Comments