input 박스로 입력을 받을 경우 한글 또는 영어로만 입력을 받고 싶을때 이용되는 style이다.

 

style 속성중 ime-mode를 이용하는데 속성값은 아래와 같다.

 

 ime-mode: 속성값

 설명 

 auto

 현재 선택모드로 유지

 active

 기본값으로 한글모드를 선택

 inactive

 기본값으로 영문모드 선택

 disabled

 영문모드만 가능(한글입력 안됨)

 

사용예) ID:<input style="IME-MODE: disabled" name="id" />

위와 같이 스타일 값을 지정하면 아이디 입력란에는 한글 입력이 되지 않는다.

 

입력항목에 한글만 입력을 한다던가 숫자만 입력을 해야한다던지 하는 경우에는 자바스크립트를 이용하여 제어할 수 있다.

출처 :  http://biju.tistory.com







모바일에서 해당 키패드를 올라오게 하고싶을때


위의 if문을 통해서 기기 체크 후


input.type을 변경해준다 . 


영어 키패드 올라 오고 싶을 때 : url  또는  email 

한글 키패드 올라오고 싶을 때 : text

숫자 키패드 올라오고 싶을 때 : number

'공부 > HTML5' 카테고리의 다른 글

웹표준 및 웹 접근성 지침 & 가이드  (0) 2016.03.08
세션 스토리지 삭제  (0) 2015.09.11
label 태그 checkbox, radiobox  (0) 2015.09.08
HTML5의 Element  (0) 2015.01.30
HTML5 소개  (0) 2015.01.30

+ Recent posts