HTML 입력 필드(input type) 기본입력 설정

HTML5/크로스브라우징/CSS 2015. 10. 21. 19:29


 inactive default 로 영문모드 
 active default 로 한글모드
 auto 한/영 중 선택된 모드
 disable

 영문만을 사용할 수 있는 모드



1. 한/영 변화이 자유로움

<input type="text" style="ime-mode:auto;">

 

2. 영문기본, 한/영변환 자유로움

<input type="text" style="ime-mode:inactive;">

 

3. 영문기본,한/영변환 안됨, 영문/숫자만 입력가능.

<input type="text" style="ime-mode:disabled;">

 

4. 한글 기본, 한/영변환 자유로움

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

 

한글기본, 한/영 전환 가능

<input type="text" style="ime-mode:deactivated;">

'HTML5/크로스브라우징 > CSS' 카테고리의 다른 글

html5 overflow 글자 자르기  (0) 2013.01.13
셀렉트 메뉴 스타일 바꾸기  (0) 2013.01.10

html5 overflow 글자 자르기

HTML5/크로스브라우징/CSS 2013. 1. 13. 17:36


// Overflow 가능한 길이 단위

width:auto    (X)

width:100%   (X)

width:.8em   (O)

width:200px  (O)


CSS //===================================

text-overflow: ellipsis; 

-o-text-overflow:ellipsis; 

overflow:hidden;


width : 10em;

height : 20px;

셀렉트 메뉴 스타일 바꾸기

HTML5/크로스브라우징/CSS 2013. 1. 10. 11:42

select {

    -webkit-appearance: listbox;

}

select, input {

    width: 100%;

    height: 40px;

    line-height:40px;

    border: 1px solid #999;

    border-radius: 6px;

    margin-bottom:10px;

}