본문 바로가기

mobile

안드로이드, 아이폰 숫자 키패드만 뜨게 하기

input 에서 인증번호를 입력 받을 때 사용

 

안드로이드

 


<input type="number" placeholder="인증번호를 입력하세요.">

이렇게만 하게 되면 안드로이드에서는 숫자 키패드만 뜨게 되는데

아이폰에서는 작동이 안된다.

 

아이폰 적용을 위해

 


<input type="number" pattern="\d*" placeholder="인증번호를 입력하세요.">

pattern="\n"를 추가해주게 되면 정상적으로 동작한다.