HTML DOM Input Password default Thuộc tính giá trị

Thuộc tính defaultValue của HTML DOM Input Password được sử dụng để thiết lập hoặc lấy defaultValue của trường mật khẩu. Giá trị defaultValue của một phần tử là giá trị được gán cho thuộc tính giá trị. Sự khác biệt giữa thuộc tính value và thuộc tính defaultValue là thuộc tính defaultValue giữ nguyên giá trị mặc định ban đầu được chỉ định trong khi thuộc tính value thay đổi dựa trên thông tin người dùng nhập vào trường đầu vào.

Cú pháp

Sau đây là cú pháp để đặt thuộc tính defaultValue -

passwordObject.defaultValue = value

Ở đây, “giá trị” là giá trị mặc định của trường mật khẩu.

Ví dụ

Chúng ta hãy xem một ví dụ về thuộc tính defaultValue của mật khẩu nhập -

<!DOCTYPE html>
<html>
<body>
<h1>Input Password defaultValue Property</h1>
Password: <input type="password" id="PASS" value="abcd123">
<p>Change the above password field default value by clicking on the CHANGE button</p>
<button type="button" onclick="changeDefault()">CHANGE</button>
<p id="Sample"></p>
<script>
   function changeDefault() {
      document.getElementById("PASS").defaultValue="Password1234";
      var P=document.getElementById("PASS").defaultValue;
      document.getElementById("Sample").innerHTML = "Default value has been changed from abc123 to "+P ;
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

HTML DOM Input Password default Thuộc tính giá trị

Khi nhấp vào nút THAY ĐỔI -

HTML DOM Input Password default Thuộc tính giá trị

Trong ví dụ trên -

Đầu tiên, chúng tôi đã tạo trường nhập mật khẩu với id “PASS” và value =”abcd123”.

Password: <input type="password" id="PASS" value="abcd123">

Sau đó, chúng tôi đã tạo một nút CHANGE sẽ thực thi phương thức changeDefault () khi được người dùng nhấp vào -

<button type="button" onclick="changeDefault()">CHANGE</button>

Phương thức changeDefault () sử dụng phương thức getElementById () để lấy trường nhập với loại mật khẩu và đặt thuộc tính defaultValue thành “Password123”. Sau đó, chúng tôi lấy thuộc tính defaultValue của đầu vào với kiểu mật khẩu bằng cách sử dụng lại phương thức getElementById () và gán nó cho biến P. Biến này sau đó được hiển thị trong đoạn có id “Sample” bằng cách sử dụng thuộc tính innerHTML của đoạn văn -

function changeDefault() {
   document.getElementById("PASS").defaultValue="Password1234";
   var P=document.getElementById("PASS").defaultValue;
   document.getElementById("demo").innerHTML = "Default value has been changed from abc123 to "+P ;
}