본문 바로가기
웹프로그램

input 박스에 입력시 영문으로만 입력 되도록 하거나 한글로 선택 되도록 설정 ime-mode style

by 세이박스 2010. 10. 29.
반응형

로그인 또는 회원가입 할때 사용자로 부터 정보를 입력 받을 때, input 입력 박스를 활용하는데, 이때 사용자 키보드 설정 상태가 한글 또는 영문 상태에 따라 잘못된 값을 입력할 수 있어서 이를 방지 하기 위해 style의 ime-mode를 이용해서 제어 할 수 있습니다.

아이디 : <input type="text" name="login_id" value="" style="ime-mode:disabled">


위 예제는 아이디를 입력 받는 input 박스로써 style속성에 때문에 한글이 입력이 안되며 영문만 입력이 됩니다.
보통 자바스크립트로도 구현 가능하지만 이처럼 스타일을 이용해서 손쉽게 제어 할 수 있습니다.

다음은 ime-mode 옵션에 대한 설명 입니다.

style="ime-mode:auto"
- 현재 선택되어 있는 상태로 한/영중 선택

style="ime-mode:active"
- Default로 한글 선택 되는 모드

style="ime-mode:inactive"
- Default로 영문 선택 되는 모드

style="ime-mode:disabled"
- 무조건 영문만 입력되도록 하는 모드 (한글 입력 안됨)


 ▶ 최신영화, 최신 미국드라마 무료 다운로드... 

반응형