HTML DOM 입력 텍스트 maxLength 속성은 입력 텍스트 필드의 maxlength 속성을 설정하거나 반환하는 데 사용됩니다. maxLength 속성은 텍스트 필드에 입력할 수 있는 최대 문자 수를 지정합니다.
구문
다음은 −
의 구문입니다.maxLength 속성 설정 -
textObject.maxLength = integer
여기서 정수는 텍스트 필드에 입력할 수 있는 최대 문자 수를 지정합니다.
예시
maxLength 속성에 대한 예를 살펴보겠습니다. -
<!DOCTYPE html>
<html>
<body>
<h1>Input Text maxLength Property</h1>
USERNAME: <input type="text" id="USR" maxLength="5">
<p>Increase the maximum number of characters to be entered for the above field by clicking below button</p>
<button onclick="changeMax()">CHANGE LENGTH</button>
<p id="Sample"></p>
<script>
function changeMax() {
document.getElementById("USR").maxLength = "15";
document.getElementById("Sample").innerHTML = "Maximum number of characters are now increased to 15";
}
</script>
</body>
</html> 출력
그러면 다음과 같은 출력이 생성됩니다. maxLength 5 −
를 설정했기 때문에 5자만 허용됩니다.
CHANGE LENGTH 버튼 클릭 시 -
