웹개발/HTML

HTML5 날짜입력 폼

에르소 2014. 6. 30. 18:27
반응형


 HTML5 날짜입력 폼




<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>무제 문서</title>

</head>

<body>

<form>

<fieldset>

<legend> 생일</legend>

<label for="birth">생년월일</label>

<input id="birth" type="date">

</fieldset>

</body>

</html>




날짜 관련 필드

 유형

설명 

코드 

 날짜

연도/월/날짜 선택 

<input type="date"> 

 월 

연도/월 까지 선택 

<input type="month"> 

 주 

연도/주 까지 선택 

<input type="week"> 

 시간 

시간 표시 

<input type="time"> 

 날짜/시간

날짜 선택 및 시간 함께 표시

UTC 시간대 기준 

<input type="datetime"> 

 날짜/시간 (로컬상) 

날짜 선택 및 시간 표시  

<input type="datetime-local"> 


UTC란 :[http://ko.wiktionary.org/wiki/UTC]

반응형

'웹개발 > HTML' 카테고리의 다른 글

#자바 튜닝 (MVC 패턴)  (0) 2014.07.03
HTML5 힌트  (0) 2014.07.01
HTML5 슬라이더 제작  (0) 2014.06.30
HTML5 스핀박스 제작  (0) 2014.06.30
HTML5 이메일 입력폼 제작  (0) 2014.06.30