HTML에서는 <input type="week">를 사용하여 주(week) 입력 유형을 구현할 수 있습니다. 이 입력 유형을 활용하면 사용자가 특정 주와 해당 연도를 손쉽게 선택할 수 있습니다.
사용자가 week 입력 필드를 클릭하면 날짜 선택기(date picker) 팝업이 자동으로 표시되어, 원하는 주를 직관적으로 고를 수 있도록 도와줍니다.
브라우저 지원 여부
참고: week 입력 유형은 Firefox 및 Internet Explorer에서는 지원되지 않습니다. Google Chrome 등 일부 브라우저에서만 정상적으로 작동하므로, 실제 서비스에 적용하기 전에 대상 브라우저의 호환성을 반드시 확인하는 것이 좋습니다.
week 입력 유형 예제
아래 코드를 실행하면 HTML에서 week 입력 유형을 어떻게 사용하는지 직접 확인할 수 있습니다. 폼에는 학생 이름과 함께 교육 주차(주 및 연도)를 입력받는 필드가 포함되어 있습니다.
<!DOCTYPE html>
<html>
<head>
<title>HTML input week</title>
</head>
<body>
<form action = "" method = "get">
Details:<br><br>
Student Name<br><input type = "name" name = "sname"><br>
Training week<br><input type = "week" name = "week"><br>
<input type = "submit" value = "Submit">
</form>
</body>
</html>
이처럼 <input type="week">를 활용하면 별도의 JavaScript 없이도 주 단위 날짜 선택 기능을 간편하게 구현할 수 있습니다. 교육 과정 신청, 주간 스케줄 관리 등 주 단위로 날짜를 입력받아야 하는 다양한 상황에서 유용하게 활용해 보세요.