반응형
지난 시간에 이어 오늘은 연도 와 월을 입력할 수 있는 폼을 만들어 봅니다.
예제 코드 입니다.
<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 |
댓글