..

Search

type="time"

<input type=“time”>


HTML <input> 태그 ⇒

<input> 태그의 type 속성 ⇒


정의 및 특징

<input type=“time”>은 시간을 선택할 수 있는 입력 필드를 정의합니다.

 

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

 

이 속성값에는 시(time)와 분(minute)이 포함되며, 오전/오후를 반드시 선택해야만 입력 필드의 유효성 검사를 통과할 수 있습니다.


문법

<input type="time">


예제
<form action="/examples/media/action_target.php" method="get">
    현재 여러분이 이 예제를 보고 있는 시간을 입력해 보세요.<br>
    <input type="time" name="study_time">
    <input type="submit">
</form>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

type="time"

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

HTML5에서 변경된 사항

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


연습문제