如何阻止 Chrome 自动完成文本区域?

     2023-05-07     200

关键词:

【中文标题】如何阻止 Chrome 自动完成文本区域?【英文标题】:How to stop Chrome from autocompleting text areas? 【发布时间】:2017-08-30 06:08:26 【问题描述】:

我正在处理 Chrome 希望自动填充用户地址的联系表单的一部分中的文本区域。结果,许多联系请求是由用户提交的,他们的地址在评论字段中。除了可能被利用的明显的潜在安全问题外,我担心的是,从用户的角度来看,我们提供的联系表格没有输入消息的区域。从支持的角度来看,我们不得不要求用户向我们发送另一条带有实际问题的消息。

HTML:

 <textarea id="element_10" class="validate[required] floatlabel js-auto-size multiple-lines" name="element_10" placeholder="Message*" rows="10" cols="60" required autocomplete="off"></textarea>

【问题讨论】:

谁发现了这个,这是一个似乎在不断更新的旧 SO 问题:Disabling Chrome Autofill 【参考方案1】:

回答我自己的问题,因为我没有在 Stack 或任何 Chrome 浏览器文档中找到答案。

在某些情况下,浏览器会不断提示自动完成值 即使自动完成属性设置为关闭。这出乎意料 行为对于开发人员来说可能非常令人费解。真正的诀窍 强制不自动完成是为 属性,例如:

autocomplete="nope"

由于这个随机值无效,浏览器会放弃。

https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

【讨论】:

实际上可能并非在所有情况下都有帮助。更多细节在 Chrome 错误讨论中:bugs.chromium.org/p/chromium/issues/detail?id=914451#c99【参考方案2】:

我尝试了所有建议,但没有一个真正始终如一的工作。

如果我将一个输入设置为 autocomplete="nope" 它可以工作。

如果我设置了两个或更多,它会破坏它们。

如果我将两个设置为 autocomplete="nope" 和 autocomplete="no" 它适用于这两个,但如果我对第三个做任何事情,它会再次中断。

我的表单只有 3 个输入。我只是设置了电子邮件和电话,只留下了名字。这几乎解决了我的问题。

我有一些 jquery 验证,几乎不能使用自动完成功能,这个客户真的不想被垃圾邮件所困扰。

Chrome 也将单行文本区域与输入完全相同。

【讨论】:

如何阻止 Chrome 在我的文本区域中添加额外的换行符?

】如何阻止Chrome在我的文本区域中添加额外的换行符?【英文标题】:HowcanIstopChromefromaddingextralinebreaksinmytextarea?【发布时间】:2010-10-2210:57:36【问题描述】:我在asp中有一个表单,它会在用户将表单信息提交到我们的数据库之... 查看详情

文本区域中的 Twitter 样式自动完成

】文本区域中的Twitter样式自动完成【英文标题】:Twitter-styleautocompleteintextarea【发布时间】:2011-09-0317:16:07【问题描述】:我正在寻找一个Javascript自动完成实现,其中包括以下内容:可用于HTML文本区域允许在不调用自动完成的... 查看详情

多词预测/自动完成文本区域? [关闭]

】多词预测/自动完成文本区域?[关闭]【英文标题】:multiplewordPredictive/autocompletetextarea?[closed]【发布时间】:2010-12-0621:52:42【问题描述】:我正在寻找一个javascript插件(适用于js/任何框架)我想创建一个文本区域,在我输入时... 查看详情

阻止文本区域在 Safari 中调整大小

...述】:Safari为文本区域提供了调整大小的句柄。有人知道如何阻止吗?谢谢【问题讨论】:为什么?它是作为可用性功能添加的。PSChrome也有,其他浏览器正在考虑添加该功能(我知道AsaDotzler正在推动Mozilla将其添加到Firefox)我... 查看详情

如何在没有输入文本区域的情况下阻止文本选择并选择项目

】如何在没有输入文本区域的情况下阻止文本选择并选择项目【英文标题】:howtoblocktextselectionwithoutinputtextareaandselectitems【发布时间】:2011-06-0700:47:47【问题描述】:我实际上有可以在IE中运行但不能在其他浏览器中运行的脚本... 查看详情

如何使用自动建议创建自定义文本区域?

】如何使用自动建议创建自定义文本区域?【英文标题】:HowtocreateCustomTextareawithautosuggest?【发布时间】:2019-02-1005:00:04【问题描述】:我想要一个文本区域,它应该在文本区域内部有自动建议。建议列表应该是定制的。意思是... 查看详情

如何使用原型自动调整文本区域的大小?

】如何使用原型自动调整文本区域的大小?【英文标题】:HowtoautosizeatextareausingPrototype?【发布时间】:2010-09-0516:02:21【问题描述】:我目前正在为我工​​作的公司开发一个内部销售应用程序,并且我有一个允许用户更改收货... 查看详情

像在 IDE 中一样在文本区域中反应自动完成(例如 VS Code、Atom)

】像在IDE中一样在文本区域中反应自动完成(例如VSCode、Atom)【英文标题】:ReactautocompleteinatextarealikeinanIDE(e.g.VSCode,Atom)【发布时间】:2019-03-2412:12:51【问题描述】:我尝试在React中编写gif中的自动完成功能。因此,在编写文本... 查看详情

如何防止文本区域中的重复空格

】如何防止文本区域中的重复空格【英文标题】:Howtopreventrepeatspacesinatextarea【发布时间】:2020-07-0222:39:42【问题描述】:我试图阻止用户在文本区域中输入重复空格。一行中的任何空格,我只想忽略textarea。我试图通过这样做... 查看详情

jQuery:Chrome 文本区域和调整大小事件

...623:09:50【问题描述】:Chrome默认会调整文本区域的大小。如何将事件附加到textareas的调整大小事件?做天真的$(\'textarea\').resize(function()...)什么都没做。【问题讨论】:您可以检查点击前后的宽度。【参考方案1】:看 查看详情

无论如何,是不是有基于页面加载内容的文本区域“自动调整”高度?

】无论如何,是不是有基于页面加载内容的文本区域“自动调整”高度?【英文标题】:Isthereanywaytohaveatextarea"autofit"heightbasedonthecontentatpageload?无论如何,是否有基于页面加载内容的文本区域“自动调整”高度?【发布时... 查看详情

在 Chrome 中无法选择文本区域

】在Chrome中无法选择文本区域【英文标题】:TextareanotselectableinChrome【发布时间】:2018-07-1219:20:39【问题描述】:是否可以在谷歌浏览器(我使用的是63.0.3239.132版本)中使文本区域无法选择(仅内部文本无法选择)?在Edge、Explo... 查看详情

根据内容自动调整文本区域的大小[重复]

】根据内容自动调整文本区域的大小[重复]【英文标题】:Automaticallyresizetextareabasedoncontent[duplicate]【发布时间】:2013-10-1019:03:51【问题描述】:在我的一个页面上,我有一个文本区域html标记供用户在其中写信。我希望文本区域... 查看详情

如何更改可调整大小的文本区域的光标?

】如何更改可调整大小的文本区域的光标?【英文标题】:Howtochangecursorforresizabletextarea?【发布时间】:2019-08-0510:20:46【问题描述】:我有一个HTML元素textarea,其中定义了CSS规则resize:both。在FF中,当用户将鼠标悬停在textarea的右... 查看详情

自动清除和重新填充文本区域值

】自动清除和重新填充文本区域值【英文标题】:AutoClear&RefillTextaAreaValue【发布时间】:2013-01-1814:59:36【问题描述】:我有一个简单的表单,它使用Value来通知用户他们要在每个文本区域中放置什么。我已经能够使用这个javasc... 查看详情

自动滚动到文本区域的底部

】自动滚动到文本区域的底部【英文标题】:Automaticallyscrolltothebottomofatextarea【发布时间】:2012-02-1812:21:58【问题描述】:我有一个带有滚动条的文本区域。我会定期向其中添加新的文本行。我希望文本区域在添加新行时自动滚... 查看详情

基于浏览器的 IDE - 具有代码完成功能的文本区域?

...在&lt;textarea&gt;中进行语法高亮显示。是否有也支持自动完成的开源库?我想为HTML/CSS模板制作一个简单的在线编辑器。最好是补全是可以扩 查看详情

自动关闭文本区域

】自动关闭文本区域【英文标题】:Self-closingTextarea【发布时间】:2014-01-1701:19:01【问题描述】:与AngularJSonIE10+,textareawithplaceholdercause"Invalidargument."和AngularJS1.1.5,InternetExplorerandng-showwithobjects(Bug)相关,我们必须使用textarea元素作... 查看详情