Thuộc tính type của Input Password trong HTML DOM

Thuộc tính type của HTML DOM Input Password liên kết với phần tử input có type="password". Nó luôn trả về "password" cho phần tử input password.

Cú pháp

Cú pháp cho thuộc tính type của password:

passwordObject.type

Ví dụ

Ví dụ minh họa cho thuộc tính type của Input Password:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính type của password</h1> 
MẬT KHẨU: <input type="password" id="PASS1"> 
<p>Lấy loại phần tử trên bằng cách nhấn nút dưới đây</p> 
<button onclick="getType()">LẤY TYPE</button> 
<p id="Sample"></p> 
<script> 
    function getType() { 
        var t = document.getElementById("PASS1").type; 
        document.getElementById("Sample").innerHTML = "Loại cho trường input là: "+t; 
    } 
</script> </body> </html>

Kết quả

Đoạn mã trên sẽ tạo ra kết quả như sau:

Khi nhấn nút "LẤY TYPE":

Trong ví dụ trên:

Chúng ta tạo trường input type password với id="PASS1":

MẬT KHẨU: <input type="password" id="PASS1">

Tạo nút "LẤY TYPE" thực thi phương thức getType() khi được nhấn:

<button onclick="getType()">LẤY TYPE</button>

Phương thức getType() lấy phần tử bằng getElementById() và gán giá trị thuộc tính type cho biến t. Hiển thị trong đoạn văn id="Sample" qua innerHTML:

function getType() { 
    var t = document.getElementById("PASS1").type; 
    document.getElementById("Sample").innerHTML = "Loại cho trường input là: "+t; 
}