웹앱 모바일에서 숫자키패드 바로 띄우기

<input type="number" pattern="\d*" name="phone_number" id="phone_number" maxlength="11" onkeyup="onlyNumber(this)">

 

1. type="number" pattern="\d*

이렇게 해야  웹사이트를 모바일에서 접속했을 때 키패드 바로 나온다.

 

2. 근데 타입이 넘버이면  입력칸 오른쪽에 음.. 화살표?가 생기니까 css추가함

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
     -webkit-appearance:none;
    margin : 0;
}

input[type=number]{
 -moz-appearance : textfield;
}

 

+ 휴대폰 인증기능 추가 시 인증문자를 바로 받고 싶다면

autocomplete = "one-time-code" 

 

+ ajax로 form 데이터 post형식으로 보낼 때.. ? 

input type number데이터 넘어가는지 확인하기