3

私は Bootstrap フォームを作成しています。メールとパスワードのフォーム要素は、別のサイトでの他のフォーム ログインまたは以前のフォーム ログインから事前入力されたデータで表示されます。Chrome ブラウザはフォーム要素を自動入力しています。

ページの読み込み時にこれらのフォーム要素を強制的に null または空にする Bootstrap のメソッドの HTML 属性はありますか?

2015-10-29 -- マークアップは次のとおりです。

      <form autocomplete="off" method="post" role="form">
        <div class="form-group">
          <input name="formSubmitted" type="hidden" value="1">
        </div>
        <div class="form-group">
          <label for="username">Username</label>
          <input autocomplete="off" autofocus="autofocus" class="form-control" id="username" name="username" required type="text">
        </div>
        <div class="form-group">
          <label for="password">Password</label>
          <input autocomplete="off" class="form-control" id="password" name="password" required type="password">
        </div>
        <button class="btn btn-default" type="submit">Login</button>
      </form>
4

2 に答える 2

2

またはでautocomplete="off"アトリビュートを使用します。<form><input>

MDNから:

オートコンプリート

この属性は、コントロールの値がブラウザーによって自動的に補完されるかどうかを示します。

off
ユーザーは、使用するたびにこのフィールドに値を明示的に入力する必要があります。そうしないと、ドキュメントが独自のオートコンプリート メソッドを提供します。ブラウザは自動的に入力を完了しません。

on
ブラウザは、ユーザーが以前の使用中に入力した値に基づいて、値を自動的に完成させることができます...

また、MDN から、次を参照してください:フォームのオートコンプリートをオフにする方法

以下も参照してください。

于 2015-10-29T18:48:20.423 に答える