HTML input range

1 개요

input range

• 슬라이더를 만드는 HTML input 형식

<input type='range' onchange='range_change(this)'>
<br>
<input type='text' id='myvalue'>

<script>
function range_change(obj) {
  document.getElementById('myvalue').value=obj.value;
}
</script>

<input type='range' min='30' max='150' value='30' step='30' onchange='range_change(this)'>
<br>
<input type='text' id='myvalue'>

<script>
function range_change(obj) {
  document.getElementById('myvalue').value=obj.value;
}
</script>

2 같이 보기

• HTML input
• 슬라이더

3 참고 자료

• http://www.w3schools.com/tags/att_input_type.asp