에서 min과 max 속성을 설정하면 어떤 제한이 추가되나요?"> 에서 min과 max 속성을 설정하면 어떤 제한이 추가되나요? | TTJ 코딩퀴즈"> 에서 min과 max 속성을 설정하면 어떤 제한이 추가되나요?"> 에서 min과 max 속성을 설정하면 어떤 제한이 추가되나요? | TTJ 코딩퀴즈"> 에서 min과 max 속성을 설정하면 어떤 제한이 추가되나요?">
처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / HTML / 문제

HTML <input type="date">에서 min과 max 속성을 설정하면 어떤 제한이 추가되나요?

쉬움 MDN Web Docs
보기 및 정답
A 날짜 선택기에서 지정된 범위 밖의 날짜를 선택할 수 없게 된다
B 입력 필드의 너비가 날짜 범위에 비례하여 변경된다
C 날짜가 자동으로 최솟값으로 초기화되어 기본값이 설정
D 날짜의 형식이 min/max 값에 맞춰서 자동으로 변경되는 것이다

해설

<input type="date">에 min="2024-01-01" max="2024-12-31"을 설정하면, 네이티브 날짜 선택기에서 해당 범위 밖의 날짜는 비활성화됩니다. 브라우저의 클라이언트 유효성 검사(:valid/:invalid)도 자동 적용되어, 범위 밖 날짜 입력 시 폼 제출이 차단됩니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기