날짜를 입력받는 form 은
input type="date | month | week" 이렇게 3가지 타입이 있습니다.
오늘은 date 예제를 만들어 봅니다.
<body>
<h1>Input type 날짜 예제</h1>
<li>
<label for="dateType">생년월일:</label>
<input type="date" id="dateType" name="dateType">
</li>
</body>속성 id 와 name 은 이 입력란을 식별하는데 사용합니다.
결과는 하기와 같습니다.
마우스 커서로 달력 아이콘을 클릭하면 달력이 표시됩니다.
달력에서 자신이 원하는 날짜를 선택하면, 해당 날짜가 입력 필드값에 표시 됩니다.
input type="date" 는
연도/월/날짜 를 입력 받을 수 있는 인풋 폼 입니다.
상황에 맞게 date type을 잘 활용하면 좋겠죠. 감사합니다.
input type="date"날짜 제한 하기
input type="date"에서 입력받을 수 있는 날짜를 제한할 수 있습니다. 먼저 화면 부터 확인해 보겠습니다. 4월 1일부터~4월 15일 까지만 입력을 받을 수 있도록 설정을 하였습니다. 예제는 하기와 같습
soo0100.tistory.com
반응형
'앱 만들기 > HTML5' 카테고리의 다른 글
| Input type 주 입력 (4) | 2023.04.13 |
|---|---|
| Input type 연도, 월 입력 (2) | 2023.04.12 |
| Input type="range" 예제 (1) | 2023.04.10 |
| Input type="number" 예제 (2) | 2023.04.09 |
| Input 텍스트 필드 속성 (1) | 2023.04.08 |
댓글