어제 오늘 내일

[HTML] 날짜, 시간, 년도 입력받기 본문

IT/HTML&CSS

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

hi.anna 2018. 12. 1. 17:51


HMTL에서 날짜, 시간, 년도 등 시간 관련 정보를 입력 받는 방법을 알아보도록 하겠습니다.




HTML에서 날짜, 시간, 년도 입력받기


HTML에서 사용자의 입력을 받기 위해서는 <form> 태그와 <input> 태그를 사용합니다.

<form> 태그와 <input>태그에 대해서 잘 모른다면 먼저 아래의 포스팅을 참조하세요.

[IT/HTML] - [HTML] 태그로 사용자 입력 받기



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



날짜, 시간, 년도 등 시간 관련 정보를 입력 받기 위해서는

위와 같이 input 태그의 type 속성의 값을 지정해 주면 됩니다.

입력 창의 오른쪽 화살표를 클릭하면 달력을 이용하여 날짜를 선택 할 수도 있습니다.

시간 관련해서 type 속성으로 지정할 수 있는 값들은 아래와 같습니다.


  • month : 년, 월을 입력 받을 수 있습니다.
  • data : 년, 월, 일을 입력 받을 수 있습니다.
  • time : 시간(시, 분)을 입력 받을 수 있습니다.
  • datetime-local : 년, 월, 일, 시간(시, 분)을 입력 받을 수 있습니다.


다음번에는 날짜 입력 태그에

기본값으로 오늘 날짜, 시간

또는 원하는 날짜, 시간 등을 세팅하는 방법을 알아보도록 하겠습니다.



반응형
Comments