input 텍스트박스의 ime-mode 한글/영어 전환 제어 속성

프로그래밍/CSS|2015. 8. 29. 04:30
반응형



input 박스 속성에서 한영키를 제어하기 위해선 아래와 같은 속성을 사용하는데,




ime-mode: auto - 한/영변환의 제한을 두지 않는다.


소스:<input type="text" name="" value="" style="ime-mode:auto;">



ime-mode: inactive - 첫 로딩시 영어 모드 ( 한글 모드도 가능 )


소스:<input type="text" name="" value="" style="ime-mode:inactive;">



ime-mode: active - 첫 로딩시 한글 모드 ( 영어 모드도 가능 )


소스:<input type="text" name="" value="" style="ime-mode:active;">




ime-mode: disabled - 영어 모드만 가능 ( 한글 모드 불가 )


소스:<input type="text" name="" value="" style="ime-mode:disabled;">




ime-mode: deactivated - 한글 모드를 기본으로 하고 한/영 전환이 가능하게 한다.

(auto 명령어와 비슷한 방식임으로 auto로 선언하면 된다.)


소스:<input type="text" name="" value="" style="ime-mode:deactivated;">




예를 들어 로그인 페이지의 아이디 입력부분에 disabled명령어를 사용하면 이용자가 한글모드를 이용하고 있더라도 아이디를 입력하는 input에 커서를 옮긴 순간 영어만 사용가능한 모드가 되게 된다.

반응형

댓글()