автозаполнение не работает в HTML

Question

У меня есть поле ввода с адресом электронной почты. Это не должно быть автозаполнение, но даже после добавления autocomplete = "off" в поле ввода. Показывает значения автозаполнения.

Answer 1

это, вероятно, находится в Chrome ... но вы можете попробовать

в форме тега добавить autocomplete="off" autocomplete="false" autofill="off"

и затем добавьте следующий код после открытия формы ...

<input type="text" name="usernamefake" style="display:none;"> 
<input type="password" name="fakepassword" style="display:none;"> 

<!-- from here now your all input fields...below-->

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

Обновление:

Вы можете попробовать

<input type="text" name="email" readonly  onfocus="if (this.hasAttribute('readonly')) {
 this.removeAttribute('readonly');
 this.blur();    this.focus();  }" />

this.blur(); this.focus(); предназначен для отображения на экранах мобильных устройств клавиатуры после удаления атрибута readonly .. by js

ПРИМЕРНЫЙ КОД:

div{
  padding:10px;
  margin:20px;
}
input {
  padding:5px;
  margin:5px;
}

<div>
<form autocomplete="off">
  <label for="email">E-Mail</label>
  <input id="email" readonly type="email" onfocus="if (this.hasAttribute('readonly')) { this.removeAttribute('readonly');
     this.blur();    this.focus();  }" />
  <br/>
  <label for="pw">Password</label>
  <input id="pw" readonly type="password" onfocus="if (this.hasAttribute('readonly')) { this.removeAttribute('readonly');
    this.blur();    this.focus();  }" />
  <br/>
  <input type="submit" value="Go!" />
</form>

</div>