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

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

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

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

没有“自动完成”属性。

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

当前回答

if (document.getElementsByTagName) {
    var inputElements = document.getElementsByTagName("input");
    for (i=0; inputElements[i]; i++) {
        if (inputElements[i].className && (inputElements[i].className.indexOf("disableAutoComplete") != -1)) {
            inputElements[i].setAttribute("autocomplete","off");
        }
    }
}

2013-12-31 21:31:09

其他回答

我在2020年就做到了!

我基本上创建了一个css类，对我的输入应用-webkit-text-security。

这里有一个最近讨论的链接: https://stackoverflow.com/a/64471795/8754782

2020-10-21 21:14:59

不，但是浏览器自动完成通常是由字段具有与之前填写的字段相同的name属性触发的。如果您可以使用一种聪明的方法来拥有一个随机的字段名称，那么自动补全将无法提取该字段之前输入的任何值。

如果你给一个输入字段一个像“email_<?”= randomNumber() ?>”，然后让接收此数据的脚本通过POST或GET变量循环查找与模式“email_[some number]”匹配的内容，您可以完成此操作，并且这将(实际上)保证成功，无论使用哪种浏览器。

2009-02-24 15:48:41

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

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

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

<!DOCTYPE html>

2009-02-24 15:47:24

使用随机的“name”属性对我来说很有用。

我在发送表单时重置了name属性，以便在发送表单时仍然可以通过名称访问它。(使用id属性存储名称)

2012-01-22 21:05:22

我建议捕捉所有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

2010-09-07 21:30:55

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

推荐文章

最新文章

标签