2013-02-11 60 views
2

触发密码自动填充比方说,我有一个HTML表单,允许用户在登录一个网站。该表格不是静态可见的,但通过Bootstrap Popover按需显示。动态酥料饼的HTML表单

这按预期工作,除了一个微小的细节:浏览器的密码管理器不提供凭证的自动完成以这种形式(最有可能是因为它是不可见在页面最初呈现的时间)。

添加autocomplete="on"的形式和输入元素没有改变任何东西。

有什么办法再次触发的形式完成的登录表单变得可见后?

的形式如下:

<div id="login_popover_content"> 
    <form accept-charset="UTF-8" action="https://stackoverflow.com/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="https://stackoverflow.com/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> 

的酥料饼的显示使用:

$(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>' 
) 
+0

你能否包含你如何触发popover的代码? – BillPull 2013-02-13 20:01:10

+0

你有没有试过'知名度:隐藏;'? – 2013-02-14 20:28:21

+0

@EricLemos:不幸的是,这对Bootstrap Popover无效。 – 2013-02-20 18:23:33

回答

0

大多数的浏览器(如果不是全部)页面的初始加载触发自动填充,所以如果dom在没有自动填充的情况下在第二时刻被操纵。解决方案是将登录表单放在页面上。