# 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'> //모두비우기
'프로그래밍 > WEB,CSS,HTML5' 카테고리의 다른 글
Input박스 안에 글쓰기 (0) | 2013.03.01 |
---|---|
구글맵 fitBounds (0) | 2013.03.01 |
유용한 div 레이아웃 템플릿 사이트 (0) | 2013.02.27 |
How to add paypal to my website (0) | 2013.02.26 |
게시판에 소스 붙일때 프로그램 랭귀지 별로 글번호 하일라이트 해줄수 있는 사이트 (0) | 2013.02.25 |