목차
- size 예제 - INPUT 사이즈 속성 설정
- size 정의
- size 구문
- size 예제 - INPUT 사이즈 속성 반환
size 예제 - INPUT 사이즈 속성 설정
사이트: <input type="text" id="hz">
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
document.getElementById("hz").size = "5";
}
</script>
결과보기
size 정의
INPUT 텍스트 필드의 size 속성값 설정/반환.
1.
- size 속성은 입력창 너비(= 바로 보이는 문자 수)임.
- size 속성값을 넘는 문자는 방향키로 움직여야 보임.
- size 속성 기본값: 20
- password 필드의 입력 가능 최대 길이 설정은 maxLength 속성 이용.
2.
모든 브라우저 지원.
size 구문
반환
textObject.size
설정
textObject.size = number
[속성값]
number
INPUT 입력창 너비를 문자수로 지정.
[반환값]
INPUT 입력창 너비를 나타내는 문자수 반환.
size 예제 - INPUT 사이즈 속성 반환
사이트: <input type="text" id="hz" size="10">
<button onclick="homzzang()">클릭</button>
<p id="demo"></p>
<script>
function homzzang() {
var x = document.getElementById("hz").size;
document.getElementById("demo").innerHTML = x;
}
</script>
결과보기
