HTML의 maxlength 속성을 사용하지 마세요

문제점

• maxlength 속성은 입력을 중간에 잘라버리지만 사용자에게 아무런 피드백을 제공하지 않음.
• 사용자의 입장에서 입력이 중간에 멈추면 UI에 버그가 있다고 느낄 수 있음.
• 스크린 리더 사용자(시각 장애인)는 입력 제한에 도달했을 때 이를 알 수 없음.
• 많은 사용자가 입력 시 화면을 보지 않고 키보드를 보기 때문에, 입력이 잘려나가는 것을 인지하지 못할 수 있음.
• 긴 글을 복사해 붙여넣을 때 내용이 중간에 잘려나가 잘못된 정보가 저장될 수 있음.

해결책

• maxlength로 입력을 제한하지 않고, 입력을 모두 받을 수 있도록 하되 제한을 초과한 경우 오류 메시지를 표시하여 사용자가 수정할 수 있게 하는 것이 좋음.
• 가능하다면 입력 제한을 넉넉하게 설정하는 것이 좋음.
• 남은 문자 수를 표시하여 사용자가 입력 제한을 인지하고 적절히 조절할 수 있도록 하는 것이 좋음.