HTML DOM Input 범위 객체
- 이전 페이지 <input> radio
- 다음 페이지 <input> reset
Input Range 객체
Input Range 객체는 HTML5에서 새로운 객체입니다。
Input Range 객체는 HTML <input type="range"> 요소를 나타냅니다。
주의사항：Internet Explorer 9 및 이전 버전은 <input type="range"> 요소를 지원하지 않습니다。
Input Range 객체에 접근
사용자가 getElementById()를 사용하여 <input type="range"> 요소에 접근할 수 있습니다：
var x = document.getElementById("myRange");
ヒント:양식의 elements 집합 Input Range 객체에 접근하려면
Input Range 객체 생성
document.createElement() 메서드를 사용하여 <input type="range"> 요소를 생성할 수 있습니다:
var x = document.createElement("INPUT");
x.setAttribute("type", "range");
Input Range 객체 속성
| 속성 | 설명 |
|---|---|
| autocomplete | 슬라이더 컨트롤의 autocomplete 속성 값을 설정하거나 반환합니다. |
| autofocus | 페이지 로드 후 슬라이더 컨트롤이 자동으로 포커스를 받도록 설정하거나 반환합니다. |
| defaultValue | 슬라이더 컨트롤의 기본 값을 설정하거나 반환합니다. |
| disabled | 슬라이더 컨트롤이 비활성화되어 있는지 설정하거나 반환합니다. |
| form | 슬라이더 컨트롤을 포함하는 양식에 대한 참조를 반환합니다. |
| list | 슬라이더 컨트롤을 포함하는 datalist에 대한 참조를 반환합니다. |
| max | 슬라이더 컨트롤의 max 속성 값을 설정하거나 반환합니다. |
| min | 슬라이더 컨트롤의 min 속성 값을 설정하거나 반환합니다. |
| name | 슬라이더 컨트롤의 name 속성 값을 설정하거나 반환합니다. |
| step | 슬라이더 컨트롤의 step 속성 값을 설정하거나 반환합니다. |
| type | 슬라이더 컨트롤의 양식 요소 타입을 반환합니다. |
| value | 슬라이더 컨트롤의 value 속성 값을 설정하거나 반환합니다. |
Input Range 객체 메서드
| 메서드 | 설명 |
|---|---|
| stepDown() | 지정된 숫자로 슬라이더 컨트롤의 값을 감소시킵니다. |
| stepUp() | 지정된 숫자로 슬라이더 컨트롤의 값을 증가시킵니다. |
- 이전 페이지 <input> radio
- 다음 페이지 <input> reset
