# Gov.UK 디자인팀이 input 박스의 숫자입력을 numeric 으로 변경한 이유

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=1611](https://news.hada.io/topic?id=1611)
- GeekNews Markdown: [https://news.hada.io/topic/1611.md](https://news.hada.io/topic/1611.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-02-28T11:10:30+09:00
- Updated: 2020-02-28T11:10:30+09:00
- Original source: [technology.blog.gov.uk](https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/)
- Points: 6
- Comments: 0

## Topic Body

- 기존 type="number" 에서 type="text" inputmode="numeric" pattern="[0-9]*" 으로 변경

- number로 하면 여러 문제가 있음

1. 접근성 이슈

2. 증가가능한 숫자에만 적합 : 큰 숫자, 카드번호 등에 적합하지 않음

3. 문자입력시 안되는 문자들에 대한 피드백이 없음

4. 의도치 않게 스크롤로 숫자가 변경될 수 있음

- 2019년 이후 이제 많은 모바일브라우저들이 inputmode 를 지원

- pattern 을 통해서 예전 iOS 기기들과 호환성 유지

- 날짜입력/은행계정 입력창등도 똑같은 형태로 사용토록 변경

## Comments



_No public comments on this page._