Thuộc tính HTML DOM Input Password defaultValue

Thuộc tính defaultValue của Input Password dùng để đặt hoặc lấy giá trị mặc định (default value) của trường mật khẩu. Giá trị mặc định là giá trị ban đầu của thuộc tính value. Khác với thuộc tính value (thay đổi theo nhập liệu người dùng), defaultValue giữ nguyên giá trị ban đầu trừ khi bị gán lại qua code.

Cú pháp

Đặt defaultValue:

passwordObject.defaultValue = value

• value: Giá trị mặc định mới cho trường mật khẩu.

Ví dụ

Ví dụ thay đổi giá trị mặc định của trường mật khẩu:

<!DOCTYPE html>
<html>
<body>
<h1>Thuộc tính Input Password defaultValue</h1>
Mật khẩu: <input type="password" id="PASS" value="abcd123">
<p>Nhấn nút để thay đổi giá trị mặc định của trường trên</p>
<button onclick="changeDefault()">ĐỔI MẶC ĐỊNH</button>
<p id="Sample"></p>
<script>
  function changeDefault() {
    document.getElementById("PASS").defaultValue = "Password1234";
    var defaultVal = document.getElementById("PASS").defaultValue;
    document.getElementById("Sample").innerHTML = "Giá trị mặc định đã đổi từ abcd123 thành: " + defaultVal;
  }
</script>
</body>
</html>

Kết quả

Ban đầu trường mật khẩu có giá trị mặc định "abcd123" (hiển thị dưới dạng chấm).

Sau khi nhấn "ĐỔI MẶC ĐỊNH", hiển thị: "Giá trị mặc định đã đổi từ abcd123 thành: Password1234".

Giải thích

• Trường input type="password", id="PASS", value="abcd123".
• Nút "ĐỔI MẶC ĐỊNH" gọi hàm changeDefault().
• Hàm đặt .defaultValue = "Password1234", rồi đọc lại giá trị mới qua .defaultValue.
• Hiển thị thông báo so sánh giá trị cũ và mới.