최신 웹 개발 튜토리얼
 

HTML DOM 입력 범위 개체


입력 범위 개체

입력 범위 개체는 HTML5의 새로운 기능입니다.

입력 범위의 목적은 HTML 나타내고, <input> TYPE = "범위"와 소자.

참고 : <input> 유형의 요소 = "범위"인터넷 익스플로러 9 이전 버전에서 지원되지 않습니다.

입력 범위 개체에 액세스

사용자가 액세스 할 수 <input> 하여 TYPE = "범위"와 소자 getElementById() :

var x = document.getElementById("myRange");
»그것을 자신을 시도

팁 : 액세스 할 수 <input type="range"> 스루 검색하여 소자 형태의 컬렉션.

입력 범위 개체 만들기

사용자가 생성 할 수 <input> 하여 TYPE = "범위"와 소자 document. createElement() document. createElement() 방법 :

var x = document.createElement("INPUT");
x.setAttribute("type", "range");
»그것을 자신을 시도

속성을 객체 범위 확인 입력

재산 기술
autocomplete 설정 또는 값 반환 autocomplete 슬라이더 컨트롤의 속성을
autofocus 설정하거나 반환 슬라이더 컨트롤은 자동으로 얻을 때 페이지가로드를 집중해야하는지 여부
defaultValue 설정 또는 슬라이더 컨트롤의 기본 값을 반환
disabled 설정하거나 반환 슬라이더 컨트롤을 비활성화 여부
form 슬라이더 컨트롤이 들어있는 폼에 대한 참조를 반환
list 슬라이더 컨트롤이 들어있는 DataList에 대한 참조를 반환
max 설정하거나 값 반환 max 슬라이더 컨트롤의 속성을
min 설정 또는 값 리턴 min 슬라이더 컨트롤의 속성
name 설정 또는 값 반환 name 슬라이더 컨트롤의 속성을
step 설정 또는 값 반환 step 슬라이더 컨트롤의 속성을
type 슬라이더 컨트롤은 폼 요소의 타입을 반환
value 설정 또는 값 반환 value 슬라이더 컨트롤의 속성을

방법 객체 범위 확인 입력

방법 기술
stepDown() 지정된 수에 의해 슬라이더 컨트롤의 가치를 감소
stepUp() 지정된 수에 의해 슬라이더 컨트롤의 값을 증가

표준 등록 및 이벤트

입력 범위 객체는 표준 지원 속성이벤트를 .


관련 페이지

HTML 튜토리얼 : HTML 양식

HTML 참조 : HTML <input> 태그

HTML 참조 : HTML <input> 유형 속성