본문 바로가기

HTML

[CSS] Input Box 한글 or 영문 입력 css

[[[[ 강제 줄 바꿈 ]]]]
단어기준 개행 줄바꿈

style="word-break:break-all" 요거 하나면 떙!

[[ 긴 문자열 자를때 사용하는 html nobr 태그 ]]

<nobr style="text-overflow:ellipsis; overflow:hidden; width:140px;">
글자 내용을 입력하도록 합니다 어디까지 나올까요???
<nobr>
nobr : 독립적으로 사용하느 줄바꿈 금지  태그,
문자열이 긴 경우 width 무시하고 계속 셀이 커짐
-width :140px : 가로 기준이 140px
-overflow : hidden : 140px 이 넘으면 보여주지 않음
-text-overflow
:ellipsis : 140px이 넘는 문자열인 경우 자동으로 "..." 를 붙임

알고보면 유용하게 쓰이는 css 들...


[[[[Input Box 한글 or 영문 입력 css]]]]

input Box 안에 style 요소만 주면 장떙!

<input type="text" name="" value="" style="ime-mode:disabled;">
[ime-made 의 옵션] 

 auto : 한/영 변화이 자유로움.

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

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

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

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

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

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

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

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

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

 

javascript: obj.style.imeMode = "value";