HTML 내이티브 폼 밸리데이션을 사용하면서도 에러 메시지를 명확히 표현하고 싶다면 :user-invalid 가상 선택자를 이용하는 방법이 있습니다. 이 가상 선택자는 :invalid와 달리 사용자

HTML 내이티브 폼 밸리데이션을 사용하면서도 에러 메시지를 명확히 표현하고 싶다면 :user-invalid 가상 선택자를 이용하는 방법이 있습니다. 이 가상 선택자는 :invalid와 달리 사용자 상호작용이 있은 뒤에 적용됩니다. 형제 선택자로 명확한 에러 메시지를 표시합니다. https://mytory.net/archives/16110