2010년 2월 24일 수요일

HTML의 입력 폼에서 자동 한글 입력이 가능하도록 IME 설정하기

 일반적으로 HTML의 INPUT, TEXTAREA와 같은 입력폼의 초기 입력 모드는 영문입니다.
매번 입력할 때마다 한/영 키 변환을 하는경우가 있는데 상당히 불편합니다.
이런 경우 자동으로 한글 입력 모드가 된다면 상당히 편할 것입니다.

현재 네이버, 다음 등의 검색 창에서 이 기능을 제공하고 있습니다.

(가끔 기존 습관 때문에 더 불편하다는 생각도 가끔하지만...)

Style 중에 ime-mode 라는 것을 이용해서 값을 설정할 수 있습니다.
auto, active, inactive, deactivated 등으로 설정할 수 있는데, active, inactive 를 주로 사용합니다.

한글입력 상태:
<input type=text size=10 style="ime-mode:active">
영문입력 상태:
<input type=text size=10 style="ime-mode:inactive">

ime-mode 옵션

auto: 한/영 변환이 자유롭게 된다. 지정안한것과 똑같다..
active: ime를 거치기 때문에 기본에서  한/영키를 한번 누른것 같은.. 즉 한글기본이된다.
           또한 한/영변환이 자유롭다.
inactive: ime를 거치지 않고 입력됨. 즉 영문기본이고 한/영 변환이 자유롭다.
disabled: 영문기본. 한/영변환 안됨. 즉 영문, 숫자만 입력되고 한글입력은 불가능.


단, 파이어폭스에서는 FF3이상에서만 가능합니다.

 

[인용글: CSS를 이용한 input, textarea 등 한영 전환 제어하기]

댓글 없음:

댓글 쓰기