HTML DOM Input 날짜 객체
- 이전 페이지 <input> color
- 다음 페이지 <input> datetime
Input Date 객체
Input Date 객체는 HTML5에서 새로운 객체입니다.
Input Date 객체는 HTML <input type="datetime"> 요소를 나타냅니다.
주석:Internet Explorer와 Firefox는 <input type="date"> 요소를 지원하지 않습니다.
Input Date 객체 접근
사용자가 getElementById()를 사용하여 <input type="date"> 요소에 접근할 수 있습니다:
var x = document.getElementById("myDate");
주의사항:또한 양식을 순회하면. elements 집합Input Date 객체에 접근하려면.
Input Date 객체 생성
사용자가 document.createElement() 메서드를 사용하여 <input type="date"> 요소를 생성할 수 있습니다:
var x = document.createElement("INPUT");
x.setAttribute("type", "date");
Input Date 객체 속성
| 속성 | 설명 |
|---|---|
| autocomplete | date 필드의 autocomplete 속성 값을 설정하거나 반환합니다. |
| autofocus | 페이지 로드 후 date 필드가 자동으로 포커스를 받도록 설정하거나 반환합니다. |
| defaultValue | date 필드의 기본 값을 설정하거나 반환합니다. |
| disabled | date 필드가 비활성화되었는지 설정하거나 반환합니다. |
| form | date 필드를 포함한 양식에 대한 참조를 반환합니다. |
| list | date 필드를 포함한 datalist에 대한 참조를 반환합니다. |
| max | date 필드의 max 속성 값을 설정하거나 반환합니다. |
| min | date 필드의 min 속성 값을 설정하거나 반환합니다. |
| name | date 필드의 name 속성 값을 설정하거나 반환합니다. |
| readOnly | date 필드가 읽기 전용인지 설정하거나 반환합니다. |
| required | 양식 제출 전에 date 필드를 필수 입력하도록 설정하거나 반환합니다. |
| step | date 필드의 step 속성 값을 설정하거나 반환합니다. |
| type | date 필드의 텍스트 필드 유형을 반환합니다. |
| value | date 필드의 value 속성 값을 설정하거나 반환합니다. |
Input Date 객체 메서드
| 메서드 | 설명 |
|---|---|
| select() | 날짜 텍스트 필드의 내용을 선택합니다. |
| stepDown() | 지정된 숫자로 날짜 필드의 값을 감소시킵니다. |
| stepUp() | 지정된 숫자로 날짜 필드의 값을 증가시킵니다. |
- 이전 페이지 <input> color
- 다음 페이지 <input> datetime
