Thuộc tính HTML DOM Input Password disabled

Thuộc tính disabled của Input Password dùng để đặt hoặc kiểm tra trạng thái vô hiệu hóa của trường mật khẩu. Giá trị boolean: true = vô hiệu hóa (hiển thị xám, không nhập được), false = bình thường (mặc định).

Cú pháp

Đặt thuộc tính disabled:

passwordObject.disabled = true|false

Ví dụ

Ví dụ vô hiệu hóa trường mật khẩu khi nhấn nút:

<!DOCTYPE html>
<html>
<body>
<h1>Thuộc tính Input Password disabled</h1>
Mật khẩu: <input type="password" id="PASS">
<p>Nhấn nút VÔ HIỆU HÓA để khóa trường mật khẩu</p>
<button onclick="disablePass()">VÔ HIỆU HÓA</button>
<p id="Sample"></p>
<script>
  function disablePass() {
    document.getElementById("PASS").disabled = true;
    document.getElementById("Sample").innerHTML = "Trường mật khẩu đã bị vô hiệu hóa";
  }
</script>
</body>
</html>

Kết quả

Ban đầu trường mật khẩu hoạt động bình thường.

Sau khi nhấn "VÔ HIỆU HÓA", trường chuyển màu xám, không thể nhập, hiển thị thông báo "Trường mật khẩu đã bị vô hiệu hóa".

Giải thích

• Trường input type="password", id="PASS", mặc định disabled=false.
• Nút "VÔ HIỆU HÓA" gọi hàm disablePass().
• Hàm đặt .disabled = true, trường bị khóa.
• Hiển thị thông báo qua innerHTML.