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

> Clean Markdown view of GeekNews topic #17056. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=17056](https://news.hada.io/topic?id=17056)
- GeekNews Markdown: [https://news.hada.io/topic/17056.md](https://news.hada.io/topic/17056.md)
- Type: news
- Author: [ragus](https://news.hada.io/@ragus)
- Published: 2024-10-03T21:37:30+09:00
- Updated: 2024-10-03T21:37:30+09:00
- Original source: [adamsilver.io](https://adamsilver.io/blog/dont-use-the-maxlength-attribute-to-stop-users-from-exceeding-the-limit)
- Points: 12
- Comments: 0

## Summary

`maxlength` 속성은 사용자에게 입력이 잘렸다는 피드백을 제공하지 않아 UI 버그로 오해될 수 있으며, 특히 스크린 리더 사용자에게 불편을 초래합니다. 입력을 모두 받을 수 있도록 하되 입력 제한을 초과했을 때 오류 메시지를 제공하거나 남은 문자 수를 표시하여 사용자 경험을 개선할 수 있습니다.

## Topic Body

### 문제점  
- `maxlength` 속성은 입력을 중간에 잘라버리지만 사용자에게 아무런 피드백을 제공하지 않음.  
- 사용자의 입장에서 입력이 중간에 멈추면 UI에 버그가 있다고 느낄 수 있음.  
- 스크린 리더 사용자(시각 장애인)는 입력 제한에 도달했을 때 이를 알 수 없음.  
- 많은 사용자가 입력 시 화면을 보지 않고 키보드를 보기 때문에, 입력이 잘려나가는 것을 인지하지 못할 수 있음.  
- 긴 글을 복사해 붙여넣을 때 내용이 중간에 잘려나가 잘못된 정보가 저장될 수 있음.  
  
### 해결책  
- maxlength로 입력을 제한하지 않고, 입력을 모두 받을 수 있도록 하되 제한을 초과한 경우 오류 메시지를 표시하여 사용자가 수정할 수 있게 하는 것이 좋음.  
- 가능하다면 입력 제한을 넉넉하게 설정하는 것이 좋음.  
- 남은 문자 수를 표시하여 사용자가 입력 제한을 인지하고 적절히 조절할 수 있도록 하는 것이 좋음.

## Comments



_No public comments on this page._