input 박스로 입력을 받을 경우 한글 또는 영어로만 입력을 받고 싶을때 이용되는 style이다.
style 속성중 ime-mode를 이용하는데 속성값은 아래와 같다.
ime-mode: 속성값 | 설명 |
auto | 현재 선택모드로 유지 |
active | 기본값으로 한글모드를 선택 |
inactive | 기본값으로 영문모드 선택 |
disabled | 영문모드만 가능(한글입력 안됨) |
사용예) ID:<input style="IME-MODE: disabled" name="id" />
위와 같이 스타일 값을 지정하면 아이디 입력란에는 한글 입력이 되지 않는다.
입력항목에 한글만 입력을 한다던가 숫자만 입력을 해야한다던지 하는 경우에는 자바스크립트를 이용하여 제어할 수 있다.
모바일에서 해당 키패드를 올라오게 하고싶을때
위의 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 |