본문 바로가기

프로그램&DB/유용한팁

ime-mode:disabled - input 창에 영문자만 입력 가능하도록 설정 by JJANG님

로그인/회원 가입에서의 아이디 입력시에는 한글을 제한하므로 한글입력 불가,

검색폼에서는 주로 한글 검색을 하기 때문에 한글을 기본으로..

이러한 설정을 스타일을 지정하여 해줄 수 있습니다.

헌데 IE만 적용되는듯하네요.

아이디 입력란 예시
1.<input type="text" style="ime-mode:disabled">

검색어 입력란 예시
1.<input type="text" style="ime-mode:active;">

여기서 사용된 IME-MODE에 대해서 자세히 알아봅니다.

구분

설정

CSS 문법

JAVASCRIPT 문법

{ime-mode: Property}

object.style.imeMode = 'Property';

속성

auto : 기본값, IME에 영향을 주지 않음

active : 초기 입력시 한글로 우선 설정됨, 한/영 전환 가능

inactive : 초기 입력시 영문으로 우선 설정됨, 한/영 전환 가능

disabled : 초기 입력시 영문으로 설정되며, 한글 입력 불가

IME(Input Method Editor)는 한국어, 중국어, 일본어 등을 입력하고 편집할 수 있게 하며, 이는 이들 언어에서는 필수적인 요소이다.

이 작성 시스템은 일반적인 키보드로 인코딩되는 것보다 많은 글자들을 처리한다.

IME는, 큰 글자들 세트를 입력하기 위하여 개별 글자를 기술하거나 글자들의 구룹을 기술하는, 기초(base) 글자들을 순차적으로 사용한다.

이들 언어에서 기초(base) 글자들은 한글의 음절(syllable), 일본어의 발음(phonetic), 중국어의 여러 조합등, 글자 콤포넌트가 될 수 있다.

IME(Input Method Editor)는 두가지 기본 단계가 있다.

  • 불활성 모드 : 일반적인 키보드 입력과 같이 입력하고, 입력은 작은 갯수의 글자만을 입력할 수 있다.
  • 활성 모드 : 여러 선택 중에서 선택하고 확인하는 과정을 제공한다.

HTML 작성자는 사용자에게 특정 텍스트 입력을 위하여 IME 모드를 지정하여 일부 제어를 제공할 수 있다.

예를들어 일본어 사용자가 등록 양식에 이름 정보를 입력하려면을 한자나 알바벳으로 입력할 수 있다.

디폴트로 사용자가 알바벳으로 입력할 때는 IME가 불활성 모드로 되어야 할 것이다.

사용자가 한자를 입력하기 위해서는 IME를 활성화 시키고 입력한고 입력을 마치면 다시 불활성화 시켜야 할 것이다.

IME 모드를 제어함으로써 HTML 작성자는 사용자가 활성, 불활성화 하는 것을 방지한다.

[출처] http://blog.naver.com/minsoub?Redirect=Log&logNo=60132182718