HTML 예제 14 / 20
JavaScript 없이도 브라우저가 기본적인 값 검증을 해줍니다. 빈 채로 제출하거나 규칙에 안 맞는 값을 넣고 '제출'을 눌러보세요.
required
pattern
minlength
:invalid
💡 이렇게 바꿔보세요
pattern 은 정규표현식이에요 — [0-9]{4} 는 '숫자 4개'title 속성을 pattern 과 함께 쓰면 실패 시 안내 메시지로 보여줘요- CSS
:invalid/:valid 로 실시간 색상 피드백을 줄 수 있어요 (JS 없이!)
← HTML 예제 목록