최신 웹 개발 튜토리얼
 

HTML의 DOM 입력 날짜 시간 개체


입력 날짜 시간 개체

입력 날짜 시간 개체는 HTML5의 새로운 기능입니다.

입 DateTime 개체는 HTML 나타내고, <input> TYPE = "날짜"와 소자.

참고 : <input> 유형 = "날짜"와 요소는 사파리를 제외한 주요 브라우저의 어떤 날짜 필드 / 달력으로 표시되지 않습니다.

입력 날짜 시간 개체에 액세스

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

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

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

입력 날짜 시간 개체 만들기

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

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

입력 날짜 시간 개체 속성

재산 기술
autocomplete 설정하거나 값 반환 autocomplete 날짜 시간 필드의 속성을
autofocus 설정하거나 반환 날짜 시간 필드는 자동으로 얻을 때 페이지가로드를 집중해야하는지 여부
defaultValue 설정하거나 날짜 필드의 기본 값을 반환
disabled 설정하거나 반환 날짜 시간 필드는 비활성화 여부
form 날짜 시간 필드를 포함하는 양식에 대한 참조를 반환
list 날짜 시간 필드를 포함하여 DataList에 대한 참조를 반환
max 설정하거나 값 반환 max 날짜 시간 필드의 속성을
min 설정하거나 값 반환 min 날짜 시간 필드의 속성을
name 설정 또는 값 반환 name 날짜 시간 필드의 속성을
readOnly 설정하거나 반환 날짜 필드는 읽기 전용 여부
required 날짜 시간 필드가 양식을 제출하기 전에 작성해야하는지 여부를 설정하거나 반환
step 설정 또는 값 반환 step 날짜 시간 필드의 속성을
type 날짜 시간 필드는 폼 요소의 유형을 반환
value 설정 또는 값 반환 value 날짜 시간 필드의 속성을

입력 날짜 시간 개체 방법

방법 기술
stepDown() 지정된 수만큼 날짜 필드의 값을 감소
stepUp() 지정된 수만큼 날짜 필드의 값을 증가

표준 등록 및 이벤트

입력 날짜 시간 객체는 표준 지원 속성이벤트를 .


관련 페이지

HTML 튜토리얼 : HTML 양식

HTML 참조 : HTML <input> 태그

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