IOS에서 숫자와 + - 키보드 노출하기

결론부터 이야기하면 안된다.. native로 만들면 키보드 자체를 커스텀하기에 가능하지만.. 
html로 만드는건 불가능하다.. 하지만 안드로이드는 아래 와 같이 지원하므로 사용이 가능하다.

input type="number"일 때 숫자 키패드만 표시하고 버튼을 표시하려면 input 태그의 inputmode 속성을 지정하면 됩니다.

inputmode 속성은 숫자 입력에 사용할 키보드 유형을 지정하는 데 사용됩니다. 다음은 iOS에서 사용할 수 있는 inputmode 속성의 몇 가지 예입니다.

• numeric: 숫자만 입력할 수 있는 키보드를 표시합니다.
• decimal: 숫자와 소수점을 입력할 수 있는 키보드를 표시합니다.
• email: 이메일 주소를 입력할 수 있는 키보드를 표시합니다.
• url: URL을 입력할 수 있는 키보드를 표시합니다.

inputmode 속성은 다음과 같이 사용할 수 있습니다.

코드 스니펫

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

코드를 사용할 때는 주의하시기 바랍니다. 자세히 알아보기

content_copy

inputmode 속성은 input 태그에 직접 지정할 수도 있고, CSS로 지정할 수도 있습니다.

코드 스니펫

input {
  inputmode: numeric;
}

코드를 사용할 때는 주의하시기 바랍니다. 자세히 알아보기

content_copy

inputmode 속성을 사용하면 iOS에서 숫자 키패드만 표시하고 버튼을 표시할 수 있습니다.

브라우저 호환성에는 지원을 한다고는 되어있지만 실제로 명세와 동일하게 지원하지는 않는다...

참고 사이트 : https://developer.mozilla.org/ko/docs/Web/HTML/Global_attributes/inputmode