2

ユーザーが Web サイトにサインインできるようにする HTML フォームがあるとします。フォームは静的に表示されませんが、Bootstrap Popoverを介してオンデマンドで表示されます。

これは、1 つの小さな詳細を除いて意図したとおりに機能します。ブラウザーのパスワード マネージャーは、このフォームの資格情報のオートコンプリートを提供しません (ほとんどの場合、ページが最初にレンダリングされた時点では表示されないためです)。

フォームと入力要素に追加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>

ポップオーバーは次を使用して表示されます。

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

1 に答える 1

0

ほとんどのブラウザー (すべてではないにしても) は、ページの最初の読み込み時に自動入力をトリガーします。解決策は、ページにログイン フォームを配置することです。

于 2013-03-27T20:55:27.537 に答える