HTML 요소의 pattern 속성과 정규 표현식의 관계로 올바른 것은?

Q: HTML 요소의 pattern 속성과 정규 표현식의 관계로 올바른 것은?

pattern에 정규식을 지정하면 폼 제출 시 입력값이 해당 패턴과 일치하는지 브라우저가 자동 검증한다 pattern="[0-9]{3}-[0-9]{4}"처럼 작성하면 폼 제출 시 입력값이 정규식과 일치하지 않으면 브라우저가 제출을 막고 오류 메시지를 표시합니다. title 속성과 함께 사용하면 사용자에게 올바른 입력 형식을 안내할 수 있습니다.

HTML <input> 요소의 pattern 속성과 정규 표현식의 관계로 올바른 것은?

쉬움 MDN Web Docs

보기 및 정답

A pattern에 정규식을 지정하면 폼 제출 시 입력값이 해당 패턴과 일치하는지 브라우저가 자동 검증한다

B pattern은 입력 가능한 문자를 실시간으로 필터링하여 허용되지 않는 키 입력을 차단하는 것으로 알려져 있다

C pattern은 자동 완성 제안을 정규식으로 필터링하여 매칭되는 항목만 드롭다운에 표시한다

D pattern은 서버 측에서만 동작하는 유효성 검사이며 브라우저에서는 아무 효과가 없다

해설

pattern="[0-9]{3}-[0-9]{4}"처럼 작성하면 폼 제출 시 입력값이 정규식과 일치하지 않으면 브라우저가 제출을 막고 오류 메시지를 표시합니다. title 속성과 함께 사용하면 사용자에게 올바른 입력 형식을 안내할 수 있습니다.

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

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

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

HTML <input> 요소의 pattern 속성과 정규 표현식의 관계로 올바른 것은?

해설

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

관련 문제

모두를 위한 진짜 쎈 바이브코딩