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

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>

---

如何利用浏览器密码存储功能并记住输入到聚合表单中的密码？

您是否尝试在提交时用基本输入替换/完成元素纸张输入。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());
});

$（'form'）。提交（函数（）{
$('')
.appendTo（this.val（$（'#email'）.val（））；
$('')
.appendTo（this.val（$（'#password'）.val（））；
});

使用

纸张输入装饰器

，它只包装本机输入，例如：

  <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：

您可能对

自动完成属性感兴趣：在您的情况下：

<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>



如果这是一个新的帐户创建，您还可以指定
新密码，而不是
当前密码
。
所有内容都是从html元素构建的，添加了css和js。但是所有的基本功能仍然存在，如果您在表单中使用它们，就像使用常规输入元素一样，应该不会有什么区别。（不能保证所有标准属性总是发布，自定义元素不会在内部显式操作它们，css选择器不会跨越阴影边界和某些事件）这可能不负责任-每个浏览器都有自己的方法来识别用户名和密码字段。我猜你是用AJAX来提交数据的，对吗？如果您使用正常的表单提交过程，浏览器仅存储表单数据。我不太明白您想要的是什么，您可以通过使用JQuery
$（“#password”）.val（）获取密码值。这不是您想要的吗？@JimmyKnoot我想要一个浏览器来提示密码保存功能，因此，用户下次访问登录表单时可以利用自动密码填充。任何类型的密码管理器都可以使用这种功能。这不是一种倒退吗。我知道新的解决方案会带来新的问题，但谷歌在2014年推出的组件框架不应该促进黑客攻击的基本功能。它仍然不会像在经典表单中那样在浏览器中调用密码保存或Lastpass。我认为你不能再使用它了。现在怎么办？