是否有有效的方法禁用HTML表单中的自动完成?

当使用xhtml1-transitional。使用以下HTML收集一个信用卡号

<input type="text" id="cardNumber" name="cardNumber" autocomplete='off'/>

将在W3C验证器上标记一个警告:

没有“自动完成”属性。

是否有一种符合标准的方法来禁用浏览器自动完成表单中的敏感字段?

当前回答

如果你使用jQuery，你可以这样做:

$(document).ready(function(){$("input.autocompleteOff").attr("autocomplete","off");});

并在你想要的地方使用autocompleteOff类:

<input type="text" name="fieldName" id="fieldId" class="firstCSSClass otherCSSClass autocompleteOff" />

如果你想要所有的输入都是autocomplete=off，你可以简单地使用:

$(document).ready(function(){$("input").attr("autocomplete","off");});

其他回答

不理想，但你可以改变id和文本框的名称，每次你渲染它-你必须跟踪它的服务器端，这样你就可以得到数据。

不确定这是否会起作用，这只是一个想法。

如果你使用jQuery，你可以这样做:

$(document).ready(function(){$("input.autocompleteOff").attr("autocomplete","off");});

并在你想要的地方使用autocompleteOff类:

<input type="text" name="fieldName" id="fieldId" class="firstCSSClass otherCSSClass autocompleteOff" />

如果你想要所有的输入都是autocomplete=off，你可以简单地使用:

$(document).ready(function(){$("input").attr("autocomplete","off");});

用JavaScript设置怎么样?

var e = document.getElementById('cardNumber');
e.autocomplete = 'off'; // Maybe should be false

这并不完美，但您的HTML将是有效的。

如果W3C提出了一种与(X)HTML4一起工作的方法，我会感到非常惊讶。自动补全功能完全是基于浏览器的，是在过去几年中引入的(远远落后于HTML4标准的编写)。

不过，如果HTML5有这样的功能也不足为奇。

编辑:正如我所想，HTML5确实有这个功能。要将页面定义为HTML5，请使用以下doctype(即:将其作为源代码中的第一个文本)。请注意，并非所有浏览器都支持这个标准，因为它仍处于草案阶段。

<!DOCTYPE html>

Autocomplete ="off"这应该解决所有现代浏览器的问题。

<form name="form1" id="form1" method="post" autocomplete="off"
   action="http://www.example.com/form.cgi">
  [...]
</form>

在当前版本的Gecko浏览器中，自动完成属性工作得很好。对于早期版本，即Netscape 6.2，它只适用于带有“地址”和“名称”的表单。

更新

在某些情况下，即使autocomplete属性被设置为关闭，浏览器也会继续建议自动补全值。这种出乎意料的行为可能会让开发人员感到困惑。真正强制no-autocompletion的技巧是为属性分配一个随机字符串，例如:

autocomplete="nope"

由于这个随机值不是有效值，浏览器将放弃。

Documetation

推荐文章