css | input 박스 한글 또는 영문 선택 입력 처리
페이지 정보
작성자 100K5 작성일13-04-25 16:39 조회72,046회 댓글0건관련링크
본문
로그인 또는 회원가입 할때 사용자로 부터 정보를 입력 받을 때,
input 입력 박스를 활용하는데, 이때 사용자 키보드 설정 상태가 한글 또는 영문 상태에 따라
잘못된 값을 입력할 수 있어서 이를 방지 하기 위해 style의 ime-mode를 이용해서 제어 할 수 있습니다.
아이디 : <input type="text" name="login_id" value="" style="ime-mode:disabled">
위 예제는 아이디를 입력 받는 input 박스로써 style속성에 때문에 한글이 입력이 안되며 영문만 입력이 됩니다.
보통 자바스크립트로도 구현 가능하지만 이처럼 스타일을 이용해서 손쉽게 제어 할 수 있습니다.
다음은 ime-mode 옵션에 대한 설명 입니다.
style="ime-mode:auto"
- 현재 선택되어 있는 상태로 한/영중 선택
style="ime-mode:active"
- Default로 한글 선택 되는 모드
style="ime-mode:inactive"
- Default로 영문 선택 되는 모드
style="ime-mode:disabled"
- 무조건 영문만 입력되도록 하는 모드 (한글 입력 안됨)
style="ime-mode:disabled; text-transform:uppercase;"
- 무조건 영문 대문자만 입력되도록 적용
참고로 위 style은 한/영 키에 제한만 주므로 숫자키는 상관없이 입력이 됩니다.
보통 자바스크립트로도 구현 가능하지만 이처럼 스타일을 이용해서 손쉽게 제어 할 수 있습니다.
다음은 ime-mode 옵션에 대한 설명 입니다.
style="ime-mode:auto"
- 현재 선택되어 있는 상태로 한/영중 선택
style="ime-mode:active"
- Default로 한글 선택 되는 모드
style="ime-mode:inactive"
- Default로 영문 선택 되는 모드
style="ime-mode:disabled"
- 무조건 영문만 입력되도록 하는 모드 (한글 입력 안됨)
style="ime-mode:disabled; text-transform:uppercase;"
- 무조건 영문 대문자만 입력되도록 적용
참고로 위 style은 한/영 키에 제한만 주므로 숫자키는 상관없이 입력이 됩니다.
댓글목록
등록된 댓글이 없습니다.