본문 바로가기

WEB/HTML/JavaScript

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 }


<input type="text" id="Kinput" name="Kinput" />


'WEB > HTML/JavaScript' 카테고리의 다른 글

숫자만 입력 input  (0) 2013.02.18
자바스크립트 새로 고침  (0) 2013.01.17