HTML5 input type="week" 소개
네, input type="week"는 HTML5에 실제로 존재하는 입력 유형입니다. 이 입력 필드를 사용하면 ISO 8601 표준에 따라 인코딩된 연도와 주 번호(week number)로 구성된 날짜를 사용자가 선택할 수 있습니다.
예를 들어, 사용자가 특정 주를 선택하면 값은 2024-W15와 같은 형식으로 서버에 전송됩니다. 여기서 2024는 연도, W15는 해당 연도의 15번째 주를 의미합니다.
사용 예제
다음은 week 입력 유형을 폼에 적용하는 기본적인 코드 예제입니다:
<!DOCTYPE HTML>
<html>
<body>
<form action = "/cgi-bin/html5.cgi" method = "get">
Week : <input type = "week" name = "newinput" />
<input type = "submit" value = "submit" />
</form>
</body>
</html>참고 사항
week 입력 유형은 편리하지만, 브라우저마다 지원 여부가 다릅니다. Chrome, Opera 등 일부 브라우저에서는 전용 위젯으로 잘 작동하지만, Firefox나 Safari와 같은 브라우저에서는 지원되지 않거나 일반 텍스트 입력 필드로 표시될 수 있습니다. 따라서 실제 프로젝트에서 사용하기 전에 대상 브라우저의 지원 현황을 반드시 확인하고, 필요하다면 JavaScript 기반 대체 솔루션을 함께 고려하는 것이 좋습니다.