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();用于移动屏幕在删除只读属性后显示键盘。

示例代码：

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>

自动完成attibute在HTML中不起作用

1 个答案: