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

Question

Я создаю форму 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> 

Answer 1

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

от MDN:

автополный

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

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

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

Также от MDN, см: How to Turn Off Form Autocompletion

Также см :

• Chrome Browser Ignoring AutoComplete=Off
• "AutoComplete=Off" not working on Google Chrome Browser
• autocomplete ='off' is not working when the input type is password and make the input field above it to enable autocomplete