[HTML]21_<input> 날짜, 시간 입력받기

2u·2023년 3월 16일
0

HTML

목록 보기
17/22
post-thumbnail

1. 날짜, 시간 입력받기

: 날짜, 시간, 년도 등 시간 관련 정보를 입력 받기 위해서는 <input>태그에 type 속성 값을 지정해 주면 된다.

  • month: 년, 월을 입력 받는다.
  • data: 년, 월, 일을 입력 받는다.
  • time: 시간(시, 분)을 입력 받는다.
    _ datetime-local:년, 월, 일, 시간(시, 분)을 입력 받는다.

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

: 기본값을 지정하기 위해서는 위와 같이 value 속성을 사용해야 한다,
: 각 type별로 value 속성에 들어가야 하는 값의 형식이 정해져 있기 때문에, 형식을 지켜서 값을 입력해야 한다.

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

0개의 댓글