6P by xguru 2020-02-28 | favorite | 댓글과 토론

- 기존 type="number" 에서 type="text" inputmode="numeric" pattern="[0-9]*" 으로 변경
- number로 하면 여러 문제가 있음
1. 접근성 이슈
2. 증가가능한 숫자에만 적합 : 큰 숫자, 카드번호 등에 적합하지 않음
3. 문자입력시 안되는 문자들에 대한 피드백이 없음
4. 의도치 않게 스크롤로 숫자가 변경될 수 있음

- 2019년 이후 이제 많은 모바일브라우저들이 inputmode 를 지원
- pattern 을 통해서 예전 iOS 기기들과 호환성 유지
- 날짜입력/은행계정 입력창등도 똑같은 형태로 사용토록 변경