使用Polymer输入元素自动完成/自动填充(gold-email-input)

时间:2016-05-19 17:21:10

标签: autocomplete polymer polymer-1.0 autofill

我在使用Chrome自动填充和/或使用Polymer输入元素(例如gold-email-input)自动完成时遇到问题。我已尝试将gold-email-input组件的autocomplete属性设置为on,并且我也尝试将其设置为email。将出现自动填充框,但从自动填充选择中选择条目不会填充控件。我做错了什么?

3 个答案:

答案 0 :(得分:1)

<form is="iron-form">
  <gold-email-input></gold-email-input>
</form>

这往往有用

答案 1 :(得分:0)

您不需要设置autocomplete属性,因为它already set to autocomplete=email

我认为我们需要在上下文中查看代码示例,因为当我选择自动填充建议时,输入会自动填充:

enter image description here

jsbin

答案 2 :(得分:0)

尝试将输入元素包装在表单元素中。 这对我有用:

<form>
     <paper-input id="user"
                   autocomplete="email"
                   label="Username or email"
                   value="{{user}}"
      </paper-input>
      <paper-input id="pwd"
                   autocomplete="current-password"
                   label="Password"
                   value="{{pwd}}"
      </paper-input>
</form>