..

Search

type="date"

<input type=“date”>


HTML <input> 태그 ⇒

<input> 태그의 type 속성 ⇒


정의 및 특징

<input type=“date”>는 날짜를 선택할 수 있는 입력 필드를 정의합니다.

 

이 속성값은 자동으로 입력 내용을 검증하는 텍스트 필드를 통해 날짜를 직접 입력하거나, 날짜를 선택할 수 있는 특별한 입력기(date picker)를 사용하여 날짜를 입력할 수 있는 입력 필드를 생성합니다.

 

입력 결과에는 년도(year), 월(month), 일(day)이 포함되지만, 시간은 포함되지 않습니다.


문법

<input type="date">


예제
<form action="/examples/media/action_target.php" method="get">
    여러분의 생일을 입력하세요.<br>
    <input type="date" name="bday">
    <input type="submit">
</form>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

type="date"

20.0 12.0 지원하지 않음 57.0 지원하지 않음 11.0

HTML5에서 변경된 사항

<input type=“date”>는 HTML5에서 새롭게 추가된 속성값입니다.


연습문제