<input type=“datetime-local”>
HTML <input> 태그 ⇒
<input> 태그의 type 속성 ⇒
정의 및 특징
<input type=“datetime-local”>은 날짜와 시간을 선택할 수 있는 입력 필드를 정의합니다.
이 속성값은 자동으로 입력 내용을 검증하는 텍스트 필드를 통해 날짜와 시간을 직접 입력하거나, 날짜를 선택할 수 있는 특별한 입력기(date picker)를 사용하여 날짜를 입력할 수 있는 입력 필드를 생성합니다.
이 속성값에는 년도(year), 월(month), 일(day)과 시간(hour, minute)이 포함됩니다.
단, 시간을 입력할 때는 오전/오후를 반드시 선택해야만 입력 필드의 유효성 검사를 통과할 수 있습니다.
문법
|
<input type="datetime-local"> |
예제
<form action="/examples/media/action_target.php" method="get">
현재 여러분이 이 예제를 보고 있는 날짜와 시간을 입력해 보세요.<br>
<input type="datetime-local" name="bday">
<input type="submit">
</form>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
|
type=“datetime-local” |
20.0 | 12.0 | 지원하지 않음 | 지원하지 않음 | 지원하지 않음 | 11.0 |
HTML5에서 변경된 사항
<input type=“datetime-local”>는 HTML5에서 새롭게 추가된 속성값입니다.
