JS DOM: input email field 📧

By Xah Lee. Date: . Last updated: .

This is for user to input a email address.

Email Address Input Example

Result:

Code

<label for="email_CKNFV">Enter your email address:</label>
<input type="email" id="email_CKNFV" />

<p>Result:
<span id="output_mgD4h"></span>
</p>
"use strict";
{
    const email_CKNFV = document.getElementById("email_CKNFV");
    const output_mgD4h = document.getElementById("output_mgD4h");
    const f_update = () => {
        output_mgD4h.textContent = email_CKNFV.value;
    };
    email_CKNFV.addEventListener("input", f_update, false);
}