HTML DOM 입력 비밀번호 maxLength 속성

<시간/>

HTML DOM 입력 비밀번호 maxlength 속성은 입력 비밀번호 필드의 maxlength 속성을 설정하거나 반환하는 데 사용됩니다. maxLength 속성은 암호 필드에 입력할 수 있는 최대 문자 수를 지정합니다.

구문

다음은 −

의 구문입니다.

maxLength 속성 설정 -

passwordObject.maxLength = integer

여기서 정수는 암호 필드에 입력할 수 있는 최대 문자 수를 지정합니다.

예시

maxLength 양식 속성의 예를 살펴보겠습니다. -

<!DOCTYPE html>
<html>
<body>
<h1>Input Password maxLength Property</h1>
Password: <input type="password" id="PASS" 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("PASS").maxLength = "15";
      document.getElementById("Sample").innerHTML = "Maximum number of characters are now increased to 15";
   }
</script>
</body>
</html>

출력

이것은 다음과 같은 출력을 생성합니다 -

HTML DOM 입력 비밀번호 maxLength 속성

CHANGE LENGTH를 클릭하고 더 많은 문자를 입력할 때 -

HTML DOM 입력 비밀번호 maxLength 속성

위의 예에서

먼저 id가 "PASS"이고 maxLength 속성 값이 5로 설정된 입력 암호 필드를 만들었습니다. 이는 이 필드에 5자만 입력할 수 있음을 의미합니다.

Password: <input type="password" id="PASS" maxLength=”5”>

그런 다음 사용자가 클릭할 때 changeMax() 메서드를 실행하는 CHANGE LENGTH 버튼을 만들었습니다.

<button type="button" onclick="changeMax()">CHANGE LENGTH</button>

changeMax() 메서드는 getElementById() 메서드를 사용하여 암호 유형의 입력 필드를 가져오고 maxLength 속성을 15로 설정합니다. 그런 다음 innerHTML 속성 −<을 사용하여 id가 "Sample"인 단락에 메시지를 표시하여 이 변경 사항을 표시합니다. /P>

function changeMax() {
   document.getElementById("PASS").maxLength = "15";
   document.getElementById("Sample").innerHTML = "Maximum number of characters are now increased to 15";
}