HTML DOM 입력 비밀번호 이름 속성

<시간/>

HTML DOM 입력 암호 이름 속성은 입력 암호 필드의 이름 속성을 설정하거나 반환하는 데 사용됩니다. name 속성은 양식 데이터가 서버에 제출된 후 식별하는 데 도움이 됩니다. JavaScript는 name 속성을 사용하여 나중에 조작할 양식 요소를 참조할 수도 있습니다.

구문

다음은 −

의 구문입니다.

이름 속성 설정 -

passwordObject.name = name

여기서 name은 비밀번호 필드명을 지정하기 위한 것입니다.

예시

암호 이름 속성에 대한 예를 살펴보겠습니다 -

<!DOCTYPE html>
<html>
<body>
<h1>Input Password name Property</h1>
Password: <input type="password" id="PASS" name="passW">
<p>Change the name of the password field by clicking the below button</p>
<button onclick="changeName()">CHANGE NAME</button>
<p id="Sample"></p>
<script>
   function changeName() {
      document.getElementById("PASS").name ="NEW_PASS" ;
      document.getElementById("Sample").innerHTML = "Password field name is now NEW_PASS";
   }
</script>
</body>
</html>

출력

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

HTML DOM 입력 비밀번호 이름 속성

이름 변경 버튼을 클릭하면 -

HTML DOM 입력 비밀번호 이름 속성

위의 예에서 -

먼저 id가 "PASS"이고 name 속성 값이 "passW"로 설정된 입력 암호 필드를 만들었습니다. -

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

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

<button type="button" onclick="changeName()">CHANGE NAME</button>

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

function changeName() {
   document.getElementById("PASS").name ="NEW_PASS" ;
   document.getElementById("Sample").innerHTML = "Password field name is now NEW_PASS";
}