HTML DOM Input 시간 객체

Input Time 객체

Input Time 객체는 type="time"를 가진 HTML <input> 요소를 대표합니다.

주의사항:<input type="time">는 IE11 및 이전 버전에서 올바른 시간 필드로 표시되지 않습니다.

Input Time 객체에 접근

getElementById()를 사용하여 type="time"의 <input> 요소에 접근할 수 있습니다:

var x = document.getElementById("myTime");

직접 시도해 보세요

알림:이를 통해 입력 양식 요소 집합을 통해 <input type="time">에 접근할 수 있습니다.

Input Time 객체를 생성합니다

type="time"의 <input> 요소를 생성할 수 있습니다 document.createElement() 메서드를 사용하여:

var x = document.createElement("INPUT");
x.setAttribute("type", "time");

직접 시도해 보세요

Input Time 객체 속성

속성 설명
autocomplete 시간 필드의 autocomplete 속성 값을 설정하거나 반환합니다.
autofocus 페이지가 로드될 때 시간 필드가 자동으로 포커스를 받도록 설정하거나 반환합니다.
defaultValue 시간 필드의 기본 값을 설정하거나 반환합니다.
disabled 시간 필드가 비활성화되었는지 설정하거나 반환합니다.
form 시간 필드를 포함한 양식에 대한 참조를 반환합니다.
list 시간 필드를 포함한 데이터 목록에 대한 참조를 반환합니다.
max 시간 필드의 max 속성 값을 설정하거나 반환합니다.
min 시간 필드의 min 속성 값을 설정하거나 반환합니다.
name 시간 필드의 name 속성 값을 설정하거나 반환합니다.
readOnly 시간 필드가 읽기 전용인지 설정하거나 반환합니다.
required 양식을 제출하기 전에 시간 필드를 채우는 것이 필수인지 설정하거나 반환합니다.
step 시간 필드의 step 속성 값을 설정하거나 반환합니다.
type 시간 필드가 어떤 형식 요소인지 반환합니다.
value 시간 필드의 value 속성 값을 설정하거나 반환합니다.

Input Time 객체 메서드

메서드 설명
select() 시간 텍스트 필드의 내용을 선택합니다.
stepDown() 시간 필드의 값을 지정된 숫자로 감소시킵니다.
stepUp() 시간 필드의 값을 지정된 숫자로 증가시킵니다.

표준 속성과 이벤트

Input Time 객체는 표준 속성과 이벤트를 모두 지원합니다.

관련 페이지

HTML 교본: HTML 양식

HTML 참조 설명서: HTML <input> 태그

HTML 참조 설명서: HTML <input> type 속성