Thuộc tính HTML DOM Input Password maxLength

Thuộc tính maxLength của Input Password dùng để đặt hoặc lấy giá trị thuộc tính maxlength của trường mật khẩu. Xác định số ký tự tối đa người dùng có thể nhập vào trường.

Cú pháp

Đặt maxLength:

passwordObject.maxLength = integer

• integer: Số nguyên chỉ định số ký tự tối đa.

Ví dụ

Ví dụ tăng độ dài tối đa của trường mật khẩu:

<!DOCTYPE html>
<html>
<body>
<h1>Thuộc tính Input Password maxLength</h1>
Mật khẩu: <input type="password" id="PASS" maxLength="5">
<p>Nhấn nút để tăng số ký tự tối đa cho trường trên</p>
<button onclick="changeMax()">ĐỔI ĐỘ DÀI</button>
<p id="Sample"></p>
<script>
  function changeMax() {
    document.getElementById("PASS").maxLength = 15;
    document.getElementById("Sample").innerHTML = "Số ký tự tối đa đã tăng lên 15";
  }
</script>
</body>
</html>

Kết quả

Ban đầu trường mật khẩu chỉ cho nhập tối đa 5 ký tự.

Sau khi nhấn "ĐỔI ĐỘ DÀI", trường cho phép nhập lên đến 15 ký tự, hiển thị thông báo xác nhận.

Giải thích

• Trường input type="password", id="PASS", maxLength="5".
• Nút "ĐỔI ĐỘ DÀI" gọi hàm changeMax().
• Hàm đặt .maxLength = 15, cập nhật giới hạn nhập liệu.
• Hiển thị thông báo.