▲
GN⁺ 2024-10-29 | parent | ★ favorite | on: HTML 폼 검증의 활용 부족(expressionstatement.com)
Hacker News 의견

  • 웹 브라우저는 여전히 내장된 HTML 유효성 검사 메시지의 스타일을 변경할 수 없으며, Chrome과 Firefox는 OS 플랫폼 UI 지침을 따르지 않아 프로젝트의 미적 감각과 충돌함

    • Chrome은 이전에 벤더 접두사 가상 요소 선택자를 사용하여 유효성 검사 메시지의 스타일을 변경할 수 있었으나, 이 기능이 제거되었음
    • HTML 콤보박스와 <select multiple>의 비효율적인 사용에 대한 불만이 있음

  • 특정 type 속성 값(예: "email", "number", "url")을 사용하면 모바일에서 최적의 키보드를 트리거하여 사용자 경험을 크게 향상시킬 수 있음

  • 사양을 작성하는 사람들이 실제 사용과 동떨어져 있으며, 간단한 것에는 적합하지만 복잡한 폼에서는 직접 작성하는 것이 더 나음

  • 폼의 기본적인 단순성을 간과했던 경험을 후회하며, 다른 사람의 관점을 공유해줘서 감사함

  • 체크박스에 레이블이 있을 때, 레이블에 "for" 속성을 추가하여 레이블을 클릭해 체크박스를 활성화/비활성화할 수 있도록 해달라는 요청이 있음

  • React를 사용하지 않는 간단한 예제 제공

  • HTML 폼 유효성 검사는 훌륭하지만 Firefox for Android에서는 작동하지 않는 큰 문제가 있음

  • 많은 프레임워크와 라이브러리가 스타일 가능한 유효성 검사 기능을 제공하므로, 굳이 고생할 필요가 없음

  • 유효성 검사를 과도하게 사용하지 않도록 주의해야 함

    • Groupon 환불 시 "최소 15단어" 조건 때문에 HTML을 검사해야 했던 경험이 있음
    • 유효성 검사 패턴이 구두점을 전혀 허용하지 않음

  • 2FA 입력에 type=password를 잘못 사용하는 사이트는 비밀번호 관리자와 브라우저를 혼란스럽게 함