<input type=“range”>
HTML <input> 태그 ⇒
<input> 태그의 type 속성 ⇒
정의 및 특징
<input type=“range”>는 슬라이드 바를 조정하여 범위 내의 숫자를 선택할 수 있는 입력 필드를 정의합니다.
기본 범위는 0부터 100까지이지만, 다음 속성들과 함께 사용하면 그 범위를 설정할 수 있습니다.
- max : <input> 요소의 최댓값을 명시함.
- min : <input> 요소의 최솟값을 명시함.
- step : <input> 요소에 입력할 수 있는 숫자들 사이의 간격을 명시함.
- value : <input> 요소의 초깃값을 명시함.
문법
|
<input type="range"> |
예제
<form oninput="x.value=parseInt(a.value)" action="/examples/media/action_target.php" method="get">
여러분의 나이대를 골라보세요.<br>
<input type="range" id="a" name="ages" min="10" max="60" step="10">
<output name="x" for="a"></output><br>
<input type="submit">
</form>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
|
type="range" |
4.0 | 12.0 | 10.0 | 23.0 | 3.1 | 11.0 |
HTML5에서 변경된 사항
<input type=“range”>는 HTML5에서 새롭게 추가된 속성값입니다.
