[Web] input 영문 한글 입력 제한

input 태그에 한글, 영문만 입력이 가능하도록 만들 수 있습니다.

아래 표가 이해가 잘 안가신다면 밑에 표를 참고하세요.

한글과 영문 가능	<input type='text' style="ime-mode:auto;">
영문만 가능	<input type='text' style="ime-mode:disabled;">
한글 우선, 영문	<input type='text' style="ime-mode:active;">
영문 우선, 한글	<input type='text' style="ime-mode:inactive;">

CSS에서 추가시켜서 할 수도 있습니다.

Property 속성은 HTML에서도 적용이 됩니다.

CSS 문법

{ ime-mode: Property }

Property

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

active : 초기 입력 한글 설정, 한/영 전환 가능

inactive : 초기 입력 영문 설정, 한/영 전환 가능

disabled : 초기 입력 영문 설정, 영어만 가능

CSS 실제 사용방법

#Kinput { ime-mode: active }

Vision Factory