The PasswordCredential()
constructor creates a new PasswordCredential
object. In supporting browsers, an instance of this class may be passed the credential
from the init
object for global fetch()
.
new PasswordCredential(passwordCredentialData)
new PasswordCredential(htmlFormElement)
This example shows how to set up an HTMLFormElement
to capture data which we'll use to create a PasswordCredential
object.
Starting with the form element.
<form id="form" method="post">
<label for="id">Username:</label>
<input type="text" name="id" autocomplete="username" />
<label for="password">Password:</label>
<input type="password" name="password" autocomplete="current-password" />
<input type="hidden" name="csrf_token" value="*****" />
</form>
Then, a reference to this form element, using it to create a PasswordCredential
object, and storing it in the browser's password system.
const form = document.querySelector("#form");
const creds = new PasswordCredential(form);
navigator.credentials.store(creds).then((creds) => {
});