이메일 주소를 받는 구독 폼. 브라우저의 이메일 입력 검증 결과를 화면에 표시하고 전송은 onSubmit으로 위임한다.
잘못된 주소를 넣고 눌러 보세요. 검증은 브라우저에 맡기고(type="email"), 메시지만 받아와 우리 UI로 보여줍니다. 직접 정규식을 쓰면 유효한 주소를 틀리게 막기 쉽습니다.
이 데모는 아무 데도 전송하지 않습니다. 실제 전송은 onSubmit으로 위임합니다.
다른 패턴과 이어 붙인 화면에서 이 패턴이 어떤 자리에 놓이는지 볼 수 있습니다.