관리 메뉴

어제 오늘 내일

[HTML] 날짜, 시간 입력 항목 기본값으로 세팅하기 본문

IT/HTML&CSS

[HTML] 날짜, 시간 입력 항목 기본값으로 세팅하기

hi.anna 2018. 12. 2. 18:51


이번에는 이 <input> 태그의 기본값을 지정하는 방법을 알아보도록 하겠습니다.




날짜, 시간 입력 항목 기본값 세팅하기


지난번에는 HTML의 <input> 태그를 이용하여

날짜, 시간, 년도 등 시간 관련 정보를 입력 받는 방법을 알아보았습니다.

[IT/HTML] - [HTML] 날짜, 시간, 년도 입력받기


See the Pen 20181201 by anna (@hianna) on CodePen.

기본값을 지정하기 위해서는 위와 같이 value 속성을 사용해야 합니다.

그리고, 각 type별로 value 속성에 들어가야 하는 값의 형식이 정해져 있기 때문에, 이 형식을 지켜서 값을 입력해 주어야 합니다.


input type별 value 값 입력 형식은 다음과 같습니다.


  • month : 'yyyy-MM'
  • date : 'yyyy-MM-dd'
  • time : 'hh:mm' (시간은 항상 24시간 기준으로 입력합니다.)
  • datetime-local : 'yyyy-MM-ddThh:mm'


날짜, 시간 관련 입력 항목의 기본값을 세팅하는 방법을 알아보았습니다.

다음번에는 이 항목들에 현재 날짜, 시간 등을 기본값으로 설정하는 방법을 알아보도록 하겠습니다.



반응형
0 Comments
댓글쓰기 폼