본문 바로가기

프로그래밍/WEB,CSS,HTML5

INPUT style 옵션

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

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

# 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'> //모두비우기