通过CSS禁用自动完成功能

Question

是否可以使用CSS在表单元素(特别是文本字段)上禁用自动完成功能？

我使用的标签库不允许自动完成元素,我想在不使用Javascript的情况下禁用自动完成功能.

Answer 1

就目前而言,CSS中没有'autocomplete off'属性.但是,html有一个简单的代码:

<input type="text" id="foo" value="bar" autocomplete="off" />

如果你正在寻找一个站点范围的效应器,一个简单的方法就是只需要一个js函数来运行所有'输入'并添加这个标签,或者寻找相应的css类/ id.

自动填充属性在Chrome和Firefox(!)中运行正常,但另请参阅W3C是否有有效的方法可以在HTML表单中禁用自动填充功能？

Answer 2

您可以使用生成的id和name每次都不同的,因此浏览器无法记住此文本字段并且无法建议某些值.

这至少是跨浏览器的安全替代方案,但我建议您使用RobertsonM(autocomplete="off")的答案.

Answer 3

你可以通过jQuery轻松实现

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

Answer 4

如果您正在使用a form,则可以禁用所有自动填充功能,

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

Answer 5

CSS没有这种能力.您需要使用客户端脚本.