Thuộc tính kiểu mật khẩu đầu vào HTML DOM được liên kết với phần tử đầu vào có kiểu =”mật khẩu”. Nó sẽ luôn trả về mật khẩu cho phần tử mật khẩu đầu vào.
Cú pháp
Sau đây là cú pháp cho thuộc tính loại mật khẩu -
passwordObject.type
Ví dụ
Hãy để chúng tôi xem xét một ví dụ cho thuộc tính Loại mật khẩu đầu vào -
<!DOCTYPE html>
<html>
<body>
<h1>password type property</h1>
PASSWORD: <input type="password" id="PASS1">
<p>Get the above element type by clicking the below button</p>
<button onclick="getType()">Get Type</button>
<p id="Sample"></p>
<script>
function getType() {
var t = document.getElementById("PASS1").type;
document.getElementById("Sample").innerHTML = "The type for the input field is : "+t;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút “Nhận loại” -
Trong ví dụ trên -
Chúng tôi đã tạo một trường nhập với mật khẩu loại và id của nó được đặt thành “PASS1”.
PASSWORD: <input type="password" id="PASS1">
Sau đó, chúng tôi đã tạo nút "Get Type" sẽ thực thi phương thức getType () khi người dùng nhấp vào -
<button onclick="getType()">Get Type</button>
Phương thức getType () nhận phần tử đầu vào bằng phương thức getElementById () và gán giá trị thuộc tính kiểu của nó cho biến t. Sau đó, biến này được hiển thị trong đoạn có id “Sample” bằng cách sử dụng thuộc tính innerHTML -
function getType() {
var t = document.getElementById("PASS1").type;
document.getElementById("Sample").innerHTML = "The type for the input field is : "+t;
}