通过 CSS 禁用自动完成

Question

是否可以使用 CSS 禁用表单元素（特别是文本字段）的自动完成功能？

我使用不允许自动完成元素的标记库，我想在不使用 Javascript 的情况下禁用自动完成。

原文由 David 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以每次都使用生成的 id 和 name ，这是不同的，因此浏览器无法记住这个文本字段，并且无法建议一些值。

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

原文由 Christopher Klewes 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

就目前而言，CSS 中没有“自动完成关闭”属性。但是，html 对此有一个简单的代码：

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

如果您正在寻找一个站点范围的效应器，一个简单的方法就是让一个 js 函数运行所有“输入”并添加此标签，或者寻找相应的 css 类/id。

autocomplete 属性在 Chrome 和 Firefox (!) 中工作正常，但另请参阅 Is there a W3C valid way to disable autocomplete in a HTML form?

原文由 RobertsonM 发布，翻译遵循 CC BY-SA 3.0 许可协议