Đối tượng Input Password trong HTML DOM

Đối tượng HTML DOM Input Password liên kết với phần tử <input> có type="password". Chúng ta có thể tạo và truy cập phần tử nhập mật khẩu bằng phương thức createElement() và getElementById() tương ứng.

Các thuộc tính

Dưới đây là các thuộc tính của đối tượng password:

Phương thức

Phương thức của đối tượng password:

Cú pháp

Cú pháp để tạo đối tượng Input Password:

var P = document.createElement("INPUT"); P.setAttribute("type", "password");

Ví dụ minh họa cho đối tượng Input Password:

<!DOCTYPE html> <html> <head> <script> 
    function createPASS() { 
        var P = document.createElement("INPUT"); 
        P.setAttribute("type", "password"); 
        document.body.appendChild(P); 
    } 
</script> </head> <body> 
<p>Tạo trường nhập loại password bằng cách nhấn nút dưới đây</p> 
<button onclick="createPASS()">TẠO</button> 
<br><br> MẬT KHẨU: </body> </html>

Kết quả

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

Khi nhấn nút TẠO và nhập vào trường mật khẩu mới tạo:

Trong ví dụ trên:

Chúng ta có nút TẠO sẽ thực thi phương thức createPASS() khi được nhấn:

<button onclick="createPASS()">TẠO</button>

Phương thức createPASS() sử dụng createElement() của đối tượng document để tạo phần tử <input> bằng cách truyền "INPUT" làm tham số. Phần tử input mới được gán cho biến P và dùng setAttribute() để tạo thuộc tính type với giá trị "password". Cuối cùng dùng appendChild() trên document body để thêm phần tử input type password làm con của body:

function createPASS() { 
    var P = document.createElement("INPUT"); 
    P.setAttribute("type", "password"); 
    document.body.appendChild(P); 
}