웹솔루션개발 25년 노하우! 해피CGI의 모든것

ios 스타일의 가상 키보드 플러그인 입니다. 첨부파일을 다운로드 받은후 압축을 해제하면 생성되는 examples/default.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다. 영문 소문자, 영문 대문자, 숫자 키보드를 지원하네요. ckeyboard.js 라는 파일의 소스코드를 열어서 보면 위 코드와 같이 각각의 키에 해당하는 글자를 설정해둔 소스코드를 볼수 있습니다. 약간 변경을 하면 한글을 입력받는것도 가능은 하겠다 싶어서 약간 손을 봤더니, 화면에 한글의 자음과, 모음을 표시하고 눌렀을때 입력을 받는것도 가능하지만, ㄱ ㅏ ㄴ ㅏ ㄷ ㅏ ㄹ ㅏ 식으로 입력이 되어버려서 결과적으로 제대로 된 한글로는 조합이 되지는 않네요. 간단하게 영문, 숫자를 입력받는 용도로 사용하기에는 좋을것 같습니다.

웹페이지에 키보드를 표시해주고, 키보드를 이용해서 입력폼에 글자를 입력받을수 있는 스크립트 입니다. 다운로드 받은 압축파일의 압축을 해제한 후, examples/index.htm examples/numpad.html 위 파일을 웹브라우저로 열어보면 데모확인이 가능합니다. 데모사이트에서도 쉽게 확인이 가능합니다. 좌측 아래의 123키를 이용해서 숫자와, 특수문자를 입력받는 키보드로 바꾸는게 가능합니다. 숫자패드 우측의 키보드 모양의 키를 이용해서, 다른 나라의 키보드로 변경할수는 있습니다. 하지만, 지원되는 국가가 그리 많지는 않네요 위 코드에서 확인이 되듯, azeri, english, german, russian, numeric, number_only, symbolic 등등 몇가지를 선택할수가 있습니다..

모바일에서 보다 편리하게 값을 입력하기 위한 코딩으로, input을 어떻게 설정하냐에 따라 아이폰의 키보드 배열방식이 달라지게 됩니다. type=text type=email type=tel type=url