Non-standard: This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
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">
<input type="text" name="id" autocomplete="username" />
<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.
var form = document.querySelector('#form');
var creds = new PasswordCredential(form);
navigator.credentials.store(creds)
.then(function(creds) {
});