[Javascript] 자바스크립트 input태그 가상키보드로 키패드 띄우기

개요

프로젝트에서 숫자를 입력해야 하는 페이지가 있었다. 커서를 대면 자동으로 키패드가 뜨게 하려고 inputtype을 "number"로 설정했는데 안드로이드에서는 잘 적용이 되지만 IOS에서는 키패드가 아닌 일반 자판이 뜬다고 한다..

 

해결법

inputtype 이외에 별도로 inputmode="numeric" 을 해주면 된다..!

만약, 키패드에 숫자와 함께 .(온점) 을 넣고 싶다면 numeric 대신 decimal을 넣어주면 된다.

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