Question

Polymer使用非标准标签，如纸张输入等。例如，使用Polymer创建的登录表单：

<paper-input id="email" floatingLabel inputValue="{{emailValue}}" label="Email"></paper-input>
<paper-input id="password" type="password" inputValue="{{passwordValue}}" label="Password"></paper-input>
<paper-button on-tap={{loginFunction}} label="Login"></paper-button>

如何利用浏览器密码存储功能并记住输入Polymer表格的密码？

Answer 1

使用paper-input-decorator，它只包装本机输入，例如：

  <paper-input-decorator label="Username" floatingLabel>
    <input is="core-input" name="username">
  </paper-input-decorator>

  <paper-input-decorator label="Password" floatingLabel>
    <input is="core-input" name="password" type="password">
  </paper-input-decorator>

如果有用的话，这是上面的JSBin：http://jsbin.com/wumepu/2/edit?html,output

Answer 2

您是否尝试使用提交时的基本输入替换/完成元素纸张输入。在jQuery中有类似的东西：

$('form').submit(function () {
    $('<input type="text" name="fake-email-field">')
        .appendTo(this).val($('#email').val());
    $('<input type="password" name="fake-password-field">')
        .appendTo(this).val($('#password').val());
});

Answer 3

您可能会对onCreate()属性感兴趣：在您的情况下：

autocomplete

如果这是新帐户的创建，您也可以指定<paper-input id="email" floatingLabel inputValue="{{emailValue}}" label="Email" autocomplete="email"> </paper-input> <paper-input id="password" type="password" inputValue="{{passwordValue}}" label="Password" autocomplete="current-password"> </paper-input>而不是current-password。

使用Polymer Web Components并调用密码保存提示

3 个答案: