JS DOM: input tag password field

By Xah Lee. Date: . Last updated: .

What is Masked Text Field

Masked text field is used for passwords. What user typed won't be shown.

Password Field Example

Result:

Code

<label for="pw_zMHg2">password:</label>
<input id="pw_zMHg2" type="password" size="30" maxlength="30" name="password">

<p>Result:
<span id="output_mmvx"></span></p>
"use strict";
{
    const pw_zMHg2 = document.getElementById("pw_zMHg2");
    if (pw_zMHg2 === null)
        throw new Error("id pw_zMHg2 missing");
    const output_mmvx = document.getElementById("output_mmvx");
    if (output_mmvx === null)
        throw new Error("id output_mmvx missing");
    const f_update = () => {
        output_mmvx.textContent = pw_zMHg2.value;
    };
    pw_zMHg2.addEventListener("input", f_update);
}