"Ime-mode"의 두 판 사이의 차이

2012년 7월 15일 (일) 19:09 판

ime-mode
input text 한글 입력 모드

IME 활성화/비활성화/사용안함 설정
(비표준) 익스플로러만 작동하므로 되도록이면 사용하지 말자.

1 기초 예제

<input type='text' style='ime-mode:active' /> 한글 입력 모드로 시작
<input type='text' style='ime-mode:inactive' /> 영문 입력 모드로 시작
<input type='text' style='ime-mode:disabled' /> 영문만 가능(한글 불가)

→ 각각 활성화(active), 비활성화(inactive), 사용안함(disabled) 설정

2 스타일

<style>
.ime_ko {ime-mode:active}
.ime_en {ime-mode:inactive}
.ime_en_only {ime-mode:disabled}
</style>
<input type='text' class='ime_en_only' />
<textarea class='ime_ko'></textarea>

@@ 2번째 줄: / 2번째 줄: @@
 ;input text 한글 입력 모드
 *IME 활성화/비활성화/사용안함 설정
-*(비표준) 익스플로러만 작동하므로 사용하지 말자.
+*(비표준) 익스플로러만 작동하므로 되도록이면 사용하지 말자.
-==소스 코드==
+==기초 예제==
 <source lang='html5'>
 <input type='text' style='ime-mode:active' /> 한글 입력 모드로 시작
@@ 11번째 줄: / 11번째 줄: @@
 </source>
 :→ 각각 활성화(active), 비활성화(inactive), 사용안함(disabled) 설정
+==스타일==
+<source lang='html5'>
+<style>
+.ime_ko {ime-mode:active}
+.ime_en {ime-mode:inactive}
+.ime_en_only {ime-mode:disabled}
+</style>
+<input type='text' class='ime_en_only' />
+<textarea class='ime_ko'></textarea>
+</source>
 [[분류: HTML]]