HTML DOM 입력 비밀번호 크기 속성

<시간/>

HTML DOM 입력 암호 크기 속성은 입력 암호 크기 속성 값을 설정하거나 반환하는 데 사용됩니다. 암호 필드 너비를 문자로 정의하는 데 사용됩니다. 기본 너비는 20자입니다.

구문

다음은 −

의 구문입니다.

비밀번호 크기 속성 설정 -

passwordObject.size = number

여기서 숫자는 암호 필드 너비를 문자로 나타냅니다. 기본 너비는 20자입니다.

예시

입력 암호 크기 속성에 대한 예를 살펴보겠습니다. -

<!DOCTYPE html>
<html>
<body>
<h1>Input password size property</h1>
Password: <input type="password" id="PASS1">
<p>Change the Password field width by clicking the below button</p>
<button onclick="changeSize()">CHANGE</button>
<p id="Sample">
<script>
   function changeSize() {
      document.getElementById("PASS1").size+=20;
      var s=document.getElementById("PASS1").size;
      document.getElementById("Sample").innerHTML="The password field width is now "+ s;
   }
</script>
</body>
</html>

출력

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

HTML DOM 입력 비밀번호 크기 속성

CHANGE 버튼을 클릭하면 -

HTML DOM 입력 비밀번호 크기 속성

위의 예에서 -

먼저 ID가 "PASS1"인 입력 암호 필드를 만들었습니다.

Password: <input type="password" id="PASS1">

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

<button onclick="changeSize()">CHANGE</button>

changeSize() 메서드는 getElementById() 메서드를 사용하여 암호 유형의 입력 필드를 가져오고 크기 속성에 추가합니다. 이제 암호 필드의 전체 너비가 20자만큼 증가했습니다. 그런 다음 크기 속성을 다시 사용하여 크기를 가져와 변수 s에 할당합니다. 그런 다음 innerHTML 속성을 사용하여 id가 "Sample"인 단락에 새 크기 값이 표시됩니다.

function changeSize() {
   document.getElementById("PASS1").size+=20;
   var s=document.getElementById("PASS1").size;
   document.getElementById("Sample").innerHTML="The password field width is now "+ s;
}