当使用xhtml1-transitional。使用以下HTML收集一个信用卡号
<input type="text" id="cardNumber" name="cardNumber" autocomplete='off'/>
将在W3C验证器上标记一个警告:
没有“自动完成”属性。
是否有一种符合标准的方法来禁用浏览器自动完成表单中的敏感字段?
当前回答
我认为有一个更简单的方法。 用一个随机的名字(通过javascript)创建一个隐藏的输入，并设置用户名。重复输入密码。这样，您的后端脚本就可以确切地知道适当的字段名称是什么，同时保持自动补全在黑暗中。
我可能错了，但这只是个想法。
其他回答
不，但是浏览器自动完成通常是由字段具有与之前填写的字段相同的name属性触发的。如果您可以使用一种聪明的方法来拥有一个随机的字段名称，那么自动补全将无法提取该字段之前输入的任何值。
如果你给一个输入字段一个像“email_<?”= randomNumber() ?>”，然后让接收此数据的脚本通过POST或GET变量循环查找与模式“email_[some number]”匹配的内容，您可以完成此操作，并且这将(实际上)保证成功，无论使用哪种浏览器。
不理想，但你可以改变id和文本框的名称，每次你渲染它-你必须跟踪它的服务器端，这样你就可以得到数据。
不确定这是否会起作用，这只是一个想法。
如果W3C提出了一种与(X)HTML4一起工作的方法，我会感到非常惊讶。自动补全功能完全是基于浏览器的，是在过去几年中引入的(远远落后于HTML4标准的编写)。
不过，如果HTML5有这样的功能也不足为奇。
编辑:正如我所想，HTML5确实有这个功能。要将页面定义为HTML5，请使用以下doctype(即:将其作为源代码中的第一个文本)。请注意，并非所有浏览器都支持这个标准，因为它仍处于草案阶段。
<!DOCTYPE html>
我建议捕捉所有4种类型的输入:
$('form,input,select,textarea').attr("autocomplete", "off");
参考:
http://www.w3.org/Submission/web-forms2/#the-autocomplete http://dev.w3.org/html5/markup/input.html
下面是一篇来自MDC的好文章，它解释了形成自动补全的问题(和解决方案)。 微软在这里也发布了类似的东西。
老实说，如果这对你的用户很重要，用这种方式“打破”标准似乎是合适的。例如，亚马逊使用“自动完成”属性相当多，它似乎工作得很好。
如果您想完全删除警告，可以使用JavaScript使用someForm将该属性应用到支持它的浏览器(IE和Firefox是重要的浏览器)。setAttribute("autocomplete"， "off");someFormElm。setAttribute("autocomplete"， "off");
最后，如果你的网站使用的是HTTPS, IE会自动关闭自动完成功能(据我所知，其他一些浏览器也是这样做的)。
更新
由于这个答案仍然得到了相当多的赞，我只是想指出，在HTML5中，你可以在你的表单元素上使用“autocomplete”属性。请参阅W3C上的文档。
推荐文章
- 使伸缩项目正确浮动
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何触发自动填充在谷歌Chrome?
- 创建圈div比使用图像更容易的方法?
- 为什么Chrome浏览器不正确地确定页面是在不同的语言，并提供翻译?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度，而不是整个元素的宽度，使用CSS?
- 如何删除和清除所有的本地存储数据
- 强制打开“另存为…”弹出打开文本链接点击PDF在HTML
- 如何修改标签文本?
- 在HTML中还有其他有用的空格码吗，比如半空格的 , em-spaces, en-spaces等等?
- 输入触发器按钮单击
