ASP input style 테그 속성

input style  테그 속성

 

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

 

1. <input type="text" name="" size="40" value="기본형식">
2. <input type="text" name="" size="40" value="Readonly (입력불가)" readonly>
3. <input type="text" name="" size="40" value="Disabled (작동불가)" disabled>
4. <input type="text" name="" size="40" value="입력폰트 설정" style="font-size:12pt; color:#ff0000; font-weight:bold;">
5. <input type="text" name="" size="40" value="테두리 0px 로 설정" style="border: 0px;">
6. <input type="text" name="" size="40" value="테두리 1px 로 설정" style="border: 1px solid #ff0000;">
7. <input type="text" name="" size="40" value="테두리 4개 각각 설정" style="border-right: #ff0000 1px solid; border-left: #00ff00 1px solid; border-top: #ffff00 1px solid; border-bottom: #0000ff 1px solid;">
8. <input type="text" name="" size="40" value="배경색 회색으로 설정" style="background-color: #e2e2e2;">
9. <input type="text" name="" size="40" value="입력값 오른쪽 정렬" style="text-align: right;">
10. <input type="text" name="" size="40" value="크기 강제 조정" style="height:30px; width:200px">
11. <input type="text" name="" size="40" value="패딩주기(상:5,우:0,하:0,좌:10)" style="padding:5px 0px 0px 10px;">