[html] input number only example / input 태그 숫자만 입력받는 방법 / 아이폰 input 태그 숫자만 입력받는 방법

[html] input number only example / input 태그 숫자만 입력받는 방법 / 아이폰 input 태그 숫자만 입력받는 방법

 

 

input 태그에

 

숫자만 입력되게 하려면

 

type 을 number 로 설정하곤 합니다!

 

하지만 역시나

 

아이폰에서는 정상적으로 숫자키패드가 올라오지 않는 부분이 생깁니다!

 

그럴때는 아래 나와 있는 속성을 input 태그에 추가 하시면 됩니다!

 

inputmode="numeric" pattern="[0-9]*"

 

위 속성을 추가한 input 태그는 아래와 같이 됩니다!

<input type="number" pattern="[0-9]*" inputmode="numeric" />

 

참고들 하세요!