퀴즈 / HTML / 문제

HTML <input pattern="[0-9]{3}-[0-9]{4}"> 속성의 역할은?

보통 MDN Web Docs
보기 및 정답
A 입력 필드의 최대 글자 수를 제한하며 초과 입력을 자동으로 차단한다
B 정규 표현식 패턴과 일치하는 값만 폼 제출을 허용하는 클라이언트 검증을 수행한다
C 입력 데이터를 지정된 패턴 형태로 자동 변환하여 형식을 통일시킨다
D 디자인 패턴을 입력 필드에 적용하여 시각적 스타일을 변경하는 역할이라고 할 수 있다

해설

pattern 속성은 정규 표현식을 지정하여 입력값의 형식을 검증합니다. 패턴과 일치하지 않으면 브라우저가 폼 제출을 막고 유효성 검사 메시지를 표시합니다. title 속성과 함께 사용하면 사용자에게 올바른 형식을 안내할 수 있습니다.

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

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

정규반 살펴보기
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기
처리 중...