본문 바로가기
앱 만들기/HTML5 study

Input type 연도, 월 입력

by 나도처음이야 2023. 4. 12.
반응형

지난 시간에 이어 오늘은 연도 와 월을 입력할 수 있는 폼을 만들어 봅니다.

년도 와 월 입력 필드

예제 코드 입니다.

<body>
  <h1>Input type 날짜 예제</h1>
 <li> 
    <label for="monthType">만료일:</label>
    <input type="month" id="monthType" name="monthType">
  </li>
</body>

속성 id와 name 은 이 입력란을 식별하는 데 사용합니다.

결과 화면에서 달력 아이콘을 클릭하면 

현재 달이 기본으로 선택됩니다. 손쉽게 연도와 월을 입력할 수 있는 타입니다.

원하는 달을 선택하면 연도와 함께 표시가 됩니다.

연도와 달 만 입력하기를 원할 때는 input type="month"를 사용하면 됩니다.

감사합니다.

반응형

'앱 만들기 > HTML5 study' 카테고리의 다른 글

input type="date"날짜 제한 하기  (2) 2023.04.14
Input type 주 입력  (4) 2023.04.13
Input type 날짜 입력  (2) 2023.04.11
Input type="range" 예제  (1) 2023.04.10
Input type="number" 예제  (2) 2023.04.09

댓글