[ PHP ] IME-MODE (CSS & STYLE)

■CSS

[ime-mode:active]
글입력시 한글모드로 자동 전환되어 입력 
<input type="text" class="ime_ko">
.ime_ko {ime-mode:active;}

[ime-mode:inactive]
글입력시 영문모드로 자동 전환 
<input type="text" class="ime_en">
.ime_en {ime-mode:inactive;}

[ime-mode:disabled]
글입력시 영문모드로 자동 전환
 - 한글모드변환 불가, only english (숫자 가능)
<input type="text" class="ime_e">
.ime_e {ime-mode:disabled;}

[ime-mode:auto]
자동변경 (기본설정)
<input type="text" class="ime_auto">
.ime_auto {ime-mode:auto;}

[ime-mode:deactivated]
자동변경 (기본설정)
<input type="text" class="ime_deactivated">
.ime_deactivated {ime-mode:deactivated;}

■ HTML input

아이디 : <input type="text" name="login_id" value="" style="ime-mode:disabled">

위 예제는 아이디를 입력 받는 input 박스로써 style속성에 때문에 한글이 입력이 안되며 영문만 입력이 됩니다.
보통 자바스크립트로도 구현 가능하지만 이처럼 스타일을 이용해서 손쉽게 제어 할 수 있습니다.

다음은 ime-mode 옵션에 대한 설명 입니다.

style="ime-mode:auto"
- 현재 선택되어 있는 상태로 한/영중 선택

style="ime-mode:active"
- Default로 한글 선택 되는 모드

style="ime-mode:inactive"
- Default로 영문 선택 되는 모드

style="ime-mode:disabled"
- 무조건 영문만 입력되도록 하는 모드 (한글 입력 안됨)

style="ime-mode:disabled; text-transform:uppercase;"
- 무조건 영문 대문자만 입력되도록 적용

참고로 위 style은 한/영 키에 제한만 주므로 숫자키는 상관없이 입력이 됩니다.