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;

}

dl, dt, dd 태그 css로 정의하기 [출처] dl, dt, dd 태그 css로 정의하기

< style >
dl { margin:0; }
dt { margin:0; }
dd { margin:0; padding-right:3px; }
< /style >

< html > 
// 기본 사용
apmsoft 의 apm의 뜻은?
a : 아파치(apache)
p : PHP
m : MYSQL
< /html >


# 결과 -->
apmsoft의 apm의 뜻은?  
    a : 아파치(apache)   
    p : PHP                   
    m : MYSQL  

           
<help>
위와 같이 출력 된다. 
기본적으로 dl, dt, dd 태그는 블록적 성격을 가진다.
그래서 한줄씩 출력하게 된다.    


< style >
dl { margin:0; }
dt { margin:0; }
dd { margin:0; display:inline; padding-right:3px; }
< /style >

< html >
// dd 를 inline 으로 설정 했을 경우
apmsoft 의 apm의 뜻은?
a : 아파치(apache)
p : PHP
m : MYSQL
< /html >


apmsoft의 apm의 뜻은?  
    a : 아파치(apache)   p : PHP   m : MYSQL    


inline 을 설정해 주면 세로가 아닌 가로로 출력을 하게 된다.


dl dt dd 를 사용하게 되면
리스트 적인 의미를 담은 글이 되기 때문에 성공적인 코딩이라 말할 수 있겠다