이번 시간에는 input type="week"를 사용하여 주를 입력해보겠습니다.
결과는 하기와 같습니다.
예제 코드입니다.
<body>
<h1>Input type 날짜 예제</h1>
<li>
<label for="weekType">주차:</label>
<input type="week" id="weekType" name="weekType">
</li>
</body>속성 id와 name 은 이 입력란을 식별하는 데 사용합니다.
결과 화면에서 달력 아이콘을 클릭하면
현재 주 차가 기본적으로 선택됩니다. 몇 년도 몇 주차임을 쉽게 알 수 있습니다.
주차를 선택하면 연도와 몇 주차가 입력됩니다.
input type="week"는 연도와 몇 주차 입력을 하기 위한 좋은 인풋 폼입니다.
이상으로 총 3가지 type ="date | month | week"에 대한 예제를 만들어 보았습니다.
감사합니다.
반응형
'앱 만들기 > HTML5' 카테고리의 다른 글
| input type="month" 월 제한 하기 (1) | 2023.04.15 |
|---|---|
| input type="date"날짜 제한 하기 (2) | 2023.04.14 |
| Input type 연도, 월 입력 (2) | 2023.04.12 |
| Input type 날짜 입력 (2) | 2023.04.11 |
| Input type="range" 예제 (1) | 2023.04.10 |
댓글