검색창 한글 기본으로 자동 설정하기 - ime-mode

본문 바로가기

HTML 검색창 한글 기본으로 자동 설정하기 - ime-mode

페이지 정보

작성자 키스세븐 댓글 0건 조회 19,700회 작성일 18-09-18 12:16

본문

[검색창 한글 기본으로 자동 설정하기  - ime-mode]




ime-mode 적용해서 검색창 한글 기본 설정하기 


한국인들은 누구나 불편해 하지만, 한국의 대부분의 사이트, 홈페이지에서 고치지 않는 것이 있습니다. 그 중 하나는 검색창 한글 기본 입력 설정입니다. 

누구나 검색어 입력을 했다가 백스페이스를 눌러서 지우고 다시 입력해 본 경험이 있을 것입니다. 이런 경험이 없는 한국인은 단 한 명도 없다고 단언할 수도 있겠습니다. 


그래서 한동안 포털 사이트에서 검색창에 마우스 커서를 올리면 검색창 한글 기본 자동 설정을 적용했었습니다. (그런데 이상하게도 다시 영어 기본으로 돌아가고 있기는 합니다.) 그 방법은 생각보다 쉽습니다. 한 가지 스타일 CSS 명령과 몇 가지 속성만 알면 됩니다. 그 소스를 한번 봐 봅시다. 


아래 코드소스는 입력창에서의 언어 선택을 설정하는 태그입니다.

정확히는 CSS이며, 이 태그를 CSS 파일에 저장해 두면 검색창 한글 기본 입력을 지정할 수가 있습니다. 또한 바로 HTML 문서에서 적용해도 됩니다.



검색창 한글 적용 코드 태그


예를들어, HTML 문서를 열어서 검색창 태그 부분에 아래의 빨간 태그를 추가합니다. 

(검색창 태그는 input으로 시작하며 각자 다른 type과 name을 가지고 있습니다.

<input type="text" name="id" value="" style="ime-mode:active;">

 

이것은 입력창의 모드를 언어 변경 설정에 맞추라는 의미입니다. 즉, 한글모드로 맞추었다면 검색창이 한글 기본으로 자동 설정되는 것입니다. 

이 검색창 한글 적용 태드의 속성은 아래의 종류가 있습니다. 

auto: 자동으로 기본 설정이 적용

active: 검색창 한글 기본 자동 설정

inactive: 검색창 영어 기본 자동 설정

disabled: 무조건 영문으로만 검색창 입력 가능

따로 태그를 추가하지 않는다면 auto가 기본으로 적용됩니다. 

disabled는 사이트 가입 시에 사용되는 아이디를 입력할 때 등의 경우에 사용됩니다. 아이디 등의 지정은 반드시 영문, 숫자 등으로만 구성해야 하기 때문입니다.


검색창 한글 기본 자동 설정하기는 간단한 코드 입력으로 수정이 가능합니다. 위에서는 바로 HTML의 form태그에 삽입했지만, 따로 CSS파일로 저장해서 불러와도 됩니다. 



추천0
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.


Copyright © 1997-. 키스세븐 www.kiss7.kr All rights reserved.