autofill an

by dandclark_msft

HTML

<form action="./" method="POST">
      <h2>Login form:</h2>
      <input name="u" placeholder=username />
      <input name="p" type=password placeholder=current-password autocomplete=current-password />
      <input type=submit value="Log In"/>
    </form>
    <ul>
    </ul>
    <script>
    function log(text) {
    	const li = document.createElement("li");
      li.innerText = text;
      document.querySelector("ul").append(li);
    }
    document.querySelector("input[name=u]").addEventListener("beforeinput", () => log("beforeinput username"));
        document.querySelector("input[name=p]").addEventListener("beforeinput", () => log("beforeinput password"));
            document.querySelector("input[name=u]").addEventListener("input", () => log("input username"));
        document.querySelector("input[name=p]").addEventListener("input", () => log("input password"));
    </script>