Html+css 인풋박스(input) 기본입력 설정 ime-mode
페이지 정보
작성자 OZZO 조회 1,848회 댓글 0건 작성일 21-10-15 15:36본문
인터넷에서 서식을 작성하다 보면 인풋박스( <input type="text" /> )에 글을 쓸때, 한글을 쓰려고 하면 영문이 나오고, 영문을 쓰려고 하면 한글이 나오고 해서 좀 답답할 때가 있을것이라 생각합니다.
그럴때 사용자를 조금만 더 생각한다면 답답하지 않고 사용하게 편할 수 있을 것 같습니다.
인풋박스를 가리키는 스타일에 "ime-mode"라는 속성을 주면 되는데요. 아래의 표를 참고하면 되겠네요.
inactive | default 로 영문모드 |
active | default 로 한글모드 |
auto | 한/영 중 선택된 모드 |
disable | 영문만을 사용할 수 있는 모드 |
구체적인 사용방법은 이렇습니다.
<input type="text" style="ime-mode:inactive;" />
이런식으로 주면 되는데 이왕이면 스타일 시트에서 적용시키면..
<style type="text/css">
input.han {ime-mode:active;}
</style>
<input type="text" class="han" />
인터넷익스플로러에서만... -_-;