Sky Archive

HTML

[HTML] <input type="number" />가 IOS에서 넘버 키패드를 호출하지 않을 때

Zero Line 2021. 7. 2. 11:32

해결방법

 

방법 1. inputmode="numeric" 혹은 inputmode="decimal" 속성 추가

<input type="number" inputmode="numeric" />
<input type="number" inputmode="decimal" />

 

방법 2. input type을 tel로 변경

<input type="tel" />

input type tel은 기본적으로 넘버 키패드를 지원하지만,

숫자 외 문자 입력을 허용하기 때문에

number type처럼 숫자만 입력받기 위해선 자바스크립트 등에서 추가 처리를 해주는 것이 좋다.