본문 바로가기

IT/HTML

[HTML] input style 옵션


# input type='text'
style="ime-mode:active;" //글입력시 기본 한글모드
style="ime-mode:inactive;" //글입력시 기본 영문모드
style="ime-mode:disabled;"; //글입력시 무조건 영문모드 (한/영키 변환해도 무조건 영문)

style="font-size:10pt;" //글자크기
style="color:blue;" //글자색
style="border-size:1;" //테두리 크기
style="border-color:black;" //테두리색
style="background-color:white;" //배경색
style="border-width:1;" //테두리 두께
style="border-style:dotted;" //테두리 스타일
( 옵션항목 -> dotted solid outset dashed double groove hidden inset ridge )
style="border-left-color:white;" //테두리 왼쪽 색
style="border-right-color:white;" //테두리 오른쪽 색

style="height:60px;" //세로
style="width:100px;" //가로

# input 비활성
<input type='text' disabled> //disabled -> input 비활성
<input type='text' readonly> //readonly -> input 읽기전용

# 스크립트 사용시
document.form.name.style.imeMode = "active";
document.form.name.style.imeMode = "inactive";
document.form.name.style.imeMode = "disabled";

document.form.name.disabled = true;
document.form.name.readOnly = true; //readOnly -> O는 대분자로

<form name='form'>
<input type='text' name='name'>
</form>

# input 글자수 제한
<input type='text' maxLength='10'> //10까지

# input 타입
<input type='text'> //텍스트
<input type='hidden'> //숨김
<input type='radio'> //라디오버튼
<input type='checkbox'> //체크박스
<input type='button'> //버튼
<input type='submit'> //전송버튼
<input type='image'> //전송버튼 이미지
<input type='password'> //비밀번호
<input type='file'> //업로드파일
<input type='reset'> //모두비우기

'IT > HTML' 카테고리의 다른 글

[HTML] TABLE 태그  (0) 2011.12.19
[HTML] TABLE 태그중 THEAD, TFOOT, TBODY 태그에 대해 알아보기  (0) 2011.11.17
[HTML] DIV 태그와 SPAN 태그의 차이점  (0) 2011.11.16
[HTML] DIV 태그  (0) 2011.11.16
[HTML] 메타 태그 (META)  (0) 2011.11.16