가끔 숫자만 입력하는 기능을 구현하면서 input 타입을 type=number 로 처리하는 개발자들이 있는데, 이건 좋지 못하다.
<input pattern="[0-9]*" inputMode={isIOS ? undefined : 'numeric'} />
이렇게 넣어주자.
직접 확인하고, 실무에도 적용한 사례니 마음 놓고 사용하면 된다.
Input Type Sandbox
Input Type Sandbox is a front-end testing tool for form input types, validation patterns, onscreen keyboards and more!
inputtypes.com
'개발 이야기 > 프론트엔드 개발자' 카테고리의 다른 글
| 리코일 비동기 + debounce 처리하기 (0) | 2022.08.11 |
|---|---|
| NX를 이용한 모노레포 개발 (0) | 2022.05.08 |
| NX를 이용한 모노레포 개발 (0) | 2022.05.04 |
| 머지된 브랜치 삭제 (1) | 2022.04.06 |
| 터미널을 이쁘게 (0) | 2020.12.18 |