[HTML/CSS] input tag 입력 초기 값 한글, 영어 설정 ime-mode

로그인할 때 아이디를 입력하려는데 한글이 나와서 한영키를 누르고 쓴다거나

이름을 쓰려는데 영어로 써져서 한영키를 누르고 쓴다거나 하는 일이 있다.

 

사소한 번거로움이지만 처음부터 알아서 이름 쓸 때는 한글이 나오고 아이디, 이메일 등을 쓸 때는 영어가 나오면 거슬리지 않는다.

 

그러한 설정을 해주는 것이 ime-mode이다.

IE5부터 추가된 기능으로 IE에서만 안정적으로 작동하며 크롬을 비롯한 기타 브라우저에서는 아직 구현 예정으로 별도의 응용을 통해 구현 가능하다.

지금은 IE 적용법만 적고 알게되는 부분이 있으면 추후에 추가하겠다.

 

ime-mode property

 

ime-mode: auto // 기존 값

ime-mode: normal // 기본 값

ime-mode: active // IME기본 설정 언어로 입력 > 한글 우선

ime-mode: inactive // 영문 우선(한영키 사용 가능)

ime-mode: disabled // 영문(한영키 사용 불가)

 

실 사용은 아래와 같이 style 옵션에 추가하면 되고, 별도의 style sheet에 추가해도 된다.

//한글 우선 입력
<input type="text" id="userName" style="ime-mode:active;">

//영어 우선 입력
<input type="text" id="userEmail" style="ime-mode:inactive;">

 

기본적으로 한글우선, 영문우선만 사용하고 있다.