Как предотвратить предварительное заполнение элементов формы в Chrome

Я создаю форму Bootstrap, и элементы формы электронной почты и пароля отображаются с предварительно заполненными данными из какой-либо другой или более ранней формы входа в систему на другом сайте. Браузер Chrome автоматически заполняет элементы формы.

Есть ли HTML-атрибут метода в Bootstrap, чтобы заставить эти элементы формы обнуляться или опустошаться при загрузке страницы?

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>

person H. Ferrence    schedule 27.10.2015    source источник


Ответы (2)


Используйте autocomplete="off" атрибут <form> или <input>.

из MDN:

автозаполнение

Этот атрибут указывает, может ли браузер автоматически заполнить значение элемента управления.

выкл.
Пользователь должен явно вводить значение в это поле для каждого использования, в противном случае документ предоставляет свой собственный метод автозаполнения; браузер не завершает ввод автоматически.

на
Браузеру разрешено автоматически заполнять значение на основе значений, которые пользователь ввел во время предыдущего использования ...

Также из MDN см. Как отключить форму Автозаполнение

Также см:

person Michael Benjamin    schedule 29.10.2015
comment
Я сделал (до публикации моего OQ) - это не решило проблему. Затем я переместил autocomplete="off" в тег формы, и это тоже не решило проблему. Кажется, это ошибка только в Google Chrome. Если только я чего-то не упускаю. - person H. Ferrence; 29.10.2015
comment
Хорошо, должно быть ошибка в Google Chrome (последняя / самая лучшая), с которой мы должны жить тогда. - person H. Ferrence; 29.10.2015
comment
Ответ исправлен при устранении неполадок Chrome. - person Michael Benjamin; 29.10.2015
comment
Хорошо, значит, это ошибка Chrome. - person H. Ferrence; 29.10.2015
comment
Вы можете назвать это ошибкой, но это более вероятное преднамеренное поведение, поскольку Google может рассматривать autocomplete="off" как вмешательство в их предпочтительный пользовательский интерфейс. Они просто игнорируют его, как они, вероятно, игнорируют body атрибут с именем ads="off". - person Michael Benjamin; 29.10.2015
comment
создание Chrome нестандартным (как во времена IE) - person H. Ferrence; 29.10.2015
comment
На самом деле, следовать своему собственному пути с IE было полностью преднамеренной стратегией Microsoft. Они назвали это Принять, расширить и погасить. . - person Michael Benjamin; 29.10.2015
comment
Это решение не работает в современных браузерах. Chrome просто игнорирует атрибут автозаполнения - person Yuvraj Patil; 02.08.2017
comment
Используйте этот autocomplete = new-password См. Мой ответ ниже - person karmafunk; 18.02.2021

Используйте autocomplete = "new-password"

Работает шарм!

person karmafunk    schedule 29.06.2018
comment
это было единственное, что у меня сработало, и это должен быть принятый ответ. Благодарность! - person david_nash; 15.05.2020
comment
Согласитесь, это должен быть принятый ответ. - person AndrewLeonardi; 10.01.2021