영문자만 입력되게 하기

 

input 박스 속성에서 한영키 제어시

 

ime-mode를 활용하여 다음과 같은 스타일을 제어할 수 있지요.

ime-mode: auto - 알아서 하는 것이죠. 한영모드를 자유롭게 변경가능 합니다.

ime-mode: active - 최초 한글모드로 설정되고 영문 전환 가능합니다.

ime-mode: inactive - 최초 영문입력 모드가 됩니다. 한글 전환 가능합니다.  

ime-mode: disabled - 영문만 가능합니다. 한글은 작동하지 않습니다.

 

input 박스 속성에서 대소문자 제어시

 

text-transform: capitalize - 단어의 첫글자만 대문자로 설정됩니다.

text-transform: uppercase- 모든 단어는 대문자로 표기 됩니다.

text-transform: lowercase - 모든 단어는 소문자로 표기 됩니다.

 

쓰는 법은 다음 예시 처럼 style로 속성 부여 하시면 됩니다.

 

※ 크롬에서는 안먹힌다. 그 경우

영어입력 : onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')"

숫자입력 : onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"

한글입력 : onkeyup="this.value=this.value.replace(/[^ㄱ-ㅎ가힇]/g,'')" <- 인코딩에러

 

 

<input name='hahaha' id='hahaha' style='ime-mode: disabled;' />

[출처] 인풋박스에 한영키 및 대소문자 제어 - ime-mode 와 text-transform|작성자 마음속 꿈을꾸다