input 에 한영키 및 대소문자 제어 - ime-mode / text-transform

인풋박스에 한영키 및 대소문자 제어 - ime-mode 와 text-transform

 

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

 

인풋박스에 한영키 및 대소문자 제어 - ime-mode 와 text-transform

 

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로 속성 부여 하시면 됩니다.

 

<input type="text" name="userid" style='ime-mode: disabled;' />

 

--------크롬------------

크롬은 잘 안되네요~

영어입력 : 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,'')" <- 인코딩 에러남....