Javascript 触发动态popover HTML表单的密码自动填充

假设我有一个HTML表单，允许用户登录到网站。表单不是静态可见的，而是通过

除了一个很小的细节外，这是可以正常工作的：浏览器的密码管理器不提供此表单中凭据的自动完成（很可能是因为在最初呈现页面时它不可见）

将

autocomplete=“on”

添加到表单和输入元素不会改变任何内容

是否有任何方法在登录表单可见后再次触发表单完成

表单如下所示：

<div id="login_popover_content">
  <form accept-charset="UTF-8" action="/users/sign_in" autocomplete="on" class="form-horizontal" id="new_user_popover" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="authenticity_token" type="hidden" value="..."></div>
  <fieldset>
    <div class="control-group">
      <label class="control-label" for="user_login">User</label>

      <div class="controls">
        <input autocomplete="on" class="input-medium" id="user_login" name="user[login]" size="30" type="text">
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="user_password">Password</label>

      <div class="controls">
        <input class="input-medium" id="user_password" name="user[password]" size="30" type="password">
        <span class="help-block"><a href="/users/password/new">Forgot your password?</a></span>
      </div>
    </div>
    <div class="control-group">
      <div class="controls pull-right">
        <input class="btn btn-warning pull-right" name="commit" type="submit" value="Login">
      </div>
    </div>
  </fieldset>
  </form>
</div>

使用者
密码

显示popover时使用：

$(anchor).popover(
  content: $(content).html()
  placement: 'bottom'
  html: true
  trigger: 'click'
  template: '<div class="popover headless"><div class="arrow"></div><div class="popover-inner"><div class="popover-content"><p></p></div></div></div>'
)

$（锚点）.popover(
内容：$（content.html（））
位置：'底部'
html：对
触发器：“单击”
模板：'
'
)

大多数浏览器（如果不是全部的话）在页面初始加载时都会触发自动填充，因此如果dom在第二时刻被操作，则不会出现自动填充。解决方法是将登录表单放在页面上。

您是否可以包括触发popover的代码。您是否尝试过

可见性：隐藏？@EricLemos:不幸的是，这对引导式Popover不起作用。哦，我误解了你的问题。您希望将保存的登录信息放入表单中。Afaik这是不可能的，因为数据是在文档加载时应用的，并且似乎没有办法再次应用它。正如这个问题所指出的，您最好的选择可能是在html中模仿popover并将其隐藏在css中，您可以尝试将其放在iframe上。即使它被弃用，它也能工作。