레이블이 ime-mode인 게시물을 표시합니다. 모든 게시물 표시
레이블이 ime-mode인 게시물을 표시합니다. 모든 게시물 표시

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 등 한영 전환 제어하기]