Question

要关闭HTML中的自动完成功能，请使用：

<input type="text" name="foo" autocomplete="off" />

但这迫使我在应用程序的每个输入字段中指定autocomplete="off"。是否可以在CSS样式中定义autocomplete="off"？

Answer 1

您只需将其应用于表单标记即可。

Answer 2

使用CSS无法实现。您可以使用客户端脚本，例如使用Jquery

$('input').attr('autocomplete','off');

如果您不使用Jquery或脚本语言，那么您必须坚持使用HTML。

正如TeT Psy所说，你可以在表格标签中应用它，如

<form id="Form" runat="server" autocomplete="off">

Answer 3

您可以使用form

停用所有自动填充功能

<form id="Form1" runat="server" autocomplete="off">

Answer 4

如果要为表单的所有输入元素设置form，可以在autocomplete: off元素上设置它。如果想要为某些选定的输入启用它，您可以在该输入上应用autocomplete: on。

.form {
  padding: 30px 0;
  width: 300px;
  margin: 0 auto;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<form action="#" class="form" autocomplete="on">
  <div class="form-group">
    First name:<input type="text" class="form-control" name="fname">
  </div>
  <div class="form-group">
    Last name:<input type="text" class="form-control" name="lname" autocomplete="off">
  </div>
  <div class="form-group">
    E-mail: <input type="email" class="form-control" name="email">
  </div>
  <input type="submit">
</form>

Answer 5

不，你不能用css做到这一点，但还有其他两种方法可以做到：

1-您可以将其应用于表格

<form autocomplete="off" >
  <input type="text" name="name">
  <input type="text" name="mail">
</form>

2-你可以用js

来处理它

var eles = document.getElementsByTagName('input');
for(i=0; i<eles.length; i++){
    eles[i].setAttribute("autocomplete", "off");

}

https://jsfiddle.net/ng1mb77m/1/

Answer 6

您可以在表单标记上使用 autocomplete =“off”属性。喜欢

<form id='test' autocomplete="off">
  <input ...
  <input .. 
   ...
 </form>

如何将`autocomplete =＆＃34; off＆＃34;`定义为CSS样式？

6 个答案: