Angular 4 与材料 2 的反应形式,禁用自动完成

2023-12-29

我正在使用 Angular cli、Angular 4 和 Angular Material 2。我需要禁用 chrome 自动完成功能,但我无法这样做。

我已经搜索并发现我需要在表单和输入中添加 autocomplete=off 或 autocomplete=false 。我还通过添加 type="search" 找到了解决方法。它们似乎都不起作用。

材料或角度是否优先于此说明?

我正在使用反应形式!

有什么建议么?

预先感谢您的帮助


Chrome 不再支持自动完成=“关闭”(Chrome 在 34.0 中停止支持此功能)。相反,使用自动完成=“新密码”反而。 你可以查看 Mozilla 的相关文档here https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

从文档中:

因此,许多现代浏览器不支持登录字段的 autocomplete="off":

如果站点为用户名和密码输入设置 autocomplete="off" 字段,那么浏览器仍然会记住此登录,并且 如果用户同意,浏览器将在接下来自动填充这些字段 用户访问该页面的时间。这是 Firefox 中的行为(因为 版本 38)、Google Chrome(自 34 起)和 Internet Explorer(自 版本 11)。

如果作者想阻止自动填充密码字段 在用户管理页面中,用户可以指定新密码 除了自己之外的其他人, autocomplete="new-password" 应该是 已指定,但尚未在所有系统中实现对此的支持 浏览器还没有。

Example:

<mat-form-field *ngIf="filter.editorType==='text'">
    <input matInput autocomplete="new-password"
    [formControlName]="filter.id" 
    [placeholder]="filter.name" 
    (keyup.enter)="onApplyFiltersKeyboard()">
</mat-form-field>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 4 与材料 2 的反应形式,禁用自动完成 的相关文章

随机推荐

  • 给定一个日期“03/13/2010”,在 MYSQLWhere 子句中使用它?

    我想在以下日期通过 Coldfusion 传递 MYSQL 查询 03 13 2010 因此查询会像这样过滤它 SELECT FROM myTable WHERE dateAdded before or on 03 13 2010 我还希望
  • 在 Octave 中重载内置函数时内置函数的行为不一致

    我试图重载 Octave 中的一些内置函数 以便在调用重载函数的内置版本之前执行自定义操作 在 MATLAB 以及据说是 Octave 中 我可以使用builtin https www gnu org software octave doc
  • 在 Symfony2 中使用 Form Collections 和 Doctrine 上传图像

    我一直在尝试在 Symfony2 中制作一个带有文件上传的表单集合并遵循本指南 http symfony com doc master cookbook form form collections html http symfony com
  • 如何:在 Android Studio 中安装插件

    我正在寻找在 Android Studio 上安装自定义插件的方法 我该怎么做 1 Launch Android Studio应用程序 2 Choose 文件 gt 设置 对于苹果机偏爱 3 搜索插件 在Android Studio 3 4
  • 复制实体框架对象

    我有一个 EF4 1 X 类 我想复制它及其所有子记录 X Y 和 X Y Z 现在 如果我执行以下操作 它将返回错误 属性 X ID 是对象关键信息的一部分 无法修改 public void CopyX long ID var c db
  • 实时统计:MySQL(/Drizzle) 还是 MongoDB?

    我们正在开发一个项目 该项目将提供某些操作 例如点击 的实时统计数据 每次点击时 我们都会记录日期 年龄和性别 这些来自 Facebook 位置等信息 我们正在讨论存储这些信息并将其用于实时统计的最佳位置 我们将显示汇总统计数据 例如 点击
  • 导航子菜单将 div 向下推(响应式)

    我创建了一个带有子菜单下拉菜单的菜单 然而 子菜单在更大的屏幕上运行得很好 可以停留在那里而不是向下推 但为了响应 我想要的是子菜单将 div 向下推 下面的代码如下 navigationMenu clear both width 100
  • 使用 dplyr 对多列求和

    我的问题涉及对数据框的多个列中的值进行求和 并使用以下命令创建与此求和相对应的新列dplyr 列中的数据条目是二进制的 0 1 我正在考虑按行进行模拟summarise each or mutate each的函数dplyr 以下是数据框的
  • 由annotation_custom使用geom_bar图创建的移动表

    我尝试寻找答案 但找不到任何东西 我有一个绘图 想在绘图本身中添加一个表格 我可以做到 但桌子最终位于中间 如果x轴是离散的 是否可以重新定位由annotation custom创建的表 如果是这样 怎么办 谢谢你 例如 我想重新定位这张表
  • 继承自std::exception,std::exception的定义存在歧义

    所以我有点困惑 我一直在四处寻找 试图为我自己的类型确定从 std exception 继承的适当方法 现在根据 cplusplus com 我知道这不一定是标准 这就是我问的原因 std exception 是一个没有成员的基类 然而 在
  • 带有 UI 脚本的 Applescript 文件对话框

    我正在尝试在应用程序的不可编写脚本的区域中打开文件 我通过使用 UI 脚本来选择正确的菜单项 但这会打开一个标准文件对话框 如何使用 Applescript 设置文件对话框的目标位置 啊 好吧 这应该会让你走上正确的道路 tell appl
  • 在bash shell脚本中重新加载.profile(在unix中)?

    我是 bash shell 脚本新手 遇到了一个挑战 我知道我可以通过执行以下操作来重新加载我的 profile 文件 profile 但我试图在我正在编写的 bash 脚本中执行相同的操作 但它不起作用 有任何想法吗 我还可以提供其他信息
  • 通过Android的AccountManager获取Microsoft Exchange身份验证令牌

    我正在开发一个 Android 3 0 程序 它可以连接到 SSL 的 php web 服务 以 JSON 格式输出数据 我可以修改服务器 连接到此服务的平板电脑有一个企业 Microsoft ActiveSync exchange 201
  • 如何在 Mule 中添加一次全局异常处理程序/记录器

    我们想要向 mule 添加几行 XML 配置 并使用一个异常处理程序来记录到 SLF4J 而不是现在记录的位置 stdout 我们如何添加这个 我们不想将此处理程序添加到每个流 50 多个流 加上人们添加流时 他们可能会忘记添加我们的异常处
  • Mac 上的等效“sizeWithFont:”方法是什么?

    我熟悉sizeWithFont 对于iPhone 现在我正在尝试为 Mac 构建一个应用程序并需要类似的东西 但我不知道该怎么做 这就是我需要它的原因 我有一个显示一些文本的面板 我想调整它的大小 使其适合内容 aNSTextView 你会
  • 在使用反向代理提供服务的单独 Docker 容器中的 Flask 应用程序之间共享会话数据

    我有一个在本地主机上运行的 Docker 应用程序 有多个 Flask 应用程序 每个应用程序都有自己的容器 一个位于根域 localhost 其他位于子域 app localhost 我使用 traefik 反向代理来为容器提供服务 无需
  • Django 自定义身份验证后端不起作用

    我希望我的 Django 项目使用电子邮件而不是用户名对用户进行身份验证 我跟着这个建议 https stackoverflow com questions 37332190 django login with email 但它不起作用 这
  • 用 Moose 包装标准 Perl 模块是否“可以”?

    许多标准模块都直接使用 Perl 问题是这些人没有使用 Moosey 的东西 所以我发现自己用 Moose 包装它们 或者为了方便在更大的库中重新发明一些简单的函数 我想知道使用 Moose 的开发人员如何合并其他非 Moose 库是否有任
  • 从 str:tokenize() 循环多个序列

    我有来自某些硬件的类似传入 XML
  • Angular 4 与材料 2 的反应形式,禁用自动完成

    我正在使用 Angular cli Angular 4 和 Angular Material 2 我需要禁用 chrome 自动完成功能 但我无法这样做 我已经搜索并发现我需要在表单和输入中添加 autocomplete off 或 aut