添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

原input表单

<input type="text" name="address"/>

默认情况下,浏览器会记录用户网页上提交的输入框的信息。这使得浏览器能够提供自动补全(在用户开始输入的时候给用户提供可能的内容)和自动填充(在加载的时候预先填充某些字段)功能

有些时候我们不需要浏览器自动补全和自动填充,我们可以

<input type="text" name="address" autocomplete="off" />

加上autocomplete="off"属性就关闭自动完成

设置 autocomplete="off" 会有两种效果:

这会告诉浏览器,不要为了以后在类似表单上自动填充而保存用户输入的数据。但浏览器不一定遵守。
这会阻止浏览器缓存会话历史记录中的数据。若表单数据缓存于会话历史记录,用户提交表单后,再点击返回按钮返回之前的表单页面,则会显示用户之前输入的数据。
如果即使在 autocomplete 已经设置为 off 时,浏览器仍继续提供输入建议,那么你需要更改输入元素的 name 属性。

自动填充属性和登录
现代浏览器实现了内建的密码管理功能:当用户在一个网站上输入了用户名和密码,浏览器会为用户提供记忆功能。当用户再次访问这个网站时,浏览器使用保存的值自动填写登录字段。

另外,浏览器可让用户指定一个主密码用来加密存储的登录信息。

即使没有主密码,浏览器内置的密码管理对安全也有益无害。由于用户不需要记住已被浏览器存储的密码,因此他们可以放心选择更强的密码。

由于这个原因,许多现代浏览器都不支持在登录字段中设置 autocomplete="off" :

如果一个网站为表单设置了autocomplete="off",表单中包含用户名和密码字段,浏览器仍会为这次登录提供记忆功能,并且如果用户同意,用户在下一次访问网站时,浏览器会自动填写这些字段。
如果网站给用户名和密码的输入框设置了 autocomplete="off",浏览器仍会为这次登录提供记忆功能,并且如果用户同意,用户在下一次访问网站时,浏览器会自动填写这些字段。
这是 Firefox(38+)、Google Chrome(34+)、Internet Explorer(11+)上的表现

这个问题虽然简单,但在有些些场景下就会带来用户体验的困扰,优其在input在做为百度地图和高地图地址下拉选择时自带的complete和地图的下拉complete会有冲突,导致客户可能下拉的是浏览器提供的选项,而不是百度或高德接口返回的数据

这个错误开发者很难发现是浏览器搞的鬼

今天用chrome提交一个 表单 时,发现一个奇怪的问题: 代码如下: //提交 表单 document.frmOrder.action = ‘http://www.abc.com/d.aspx’; document.frmOrder.method = ‘POST’; document.frmOrder.target = ‘_blank’; document.frmOrder.submit(); 第一次提交可以,第二次提交就没有任何响应了。需要重新加载页面后才可以提交,而这个问题在Firefox,IE下没有出现。 马上Google了一下发现这是webkit内核浏览器的共有特性,这样做是为了防止表
本文介绍了网站如何禁用 表单 字段的 自动 完成功能。 默认情况下,浏览器会记录用户网页上提交的输入框的信息。这使得浏览器能够提供 自动 补全(在用户开始输入的时候给用户提供可能的内容)和 自动 填充 (在加载的时候预先 填充 某些字段)功能。 这些功能通常是默认启用的,但可能涉及用户的隐私,因此浏览器允许用户禁用这些功能。然而,一些数据可能会在将来失效(例如一次性密码)或包含敏感信息(例如唯一的政府.. &lt;meta   http-equiv= "Pragma"   content= "no-cache" /&gt;  &lt;meta   http-equiv= "Cache-Control"   content= "no-cache" /&gt;  &lt;meta   htt HbuilderX运行打包项目时报node.exe: --openssl-legacy-provider is not allowed in NODE_OPTIONS的解决办法 weixin_38797534: 创建完成后,最好关闭下HBuilderx 再打开,否则可能还会报这个错 vmware虚拟机开机黑屏的解决方法 Not much hAndsome: 哥们,我也是这样解决了吗 elementui的table组件如何显示图片 weixin_51721107: 图片那里可以使用 <template #default="scope"> <el-image :src="scope.row.picture" style="width: 40px;height: 40px" :preview-src-list="[scope.row.picture]" :preview-teleported="true"></el-image> </template> golang如何生成csv文件 白话机器学习: 文章写得专业、深入、详细,收藏啦 支Vue3的WebSocket插件并支持断线重连 Lion Long: 文章写得很好,初来乍到,希望多多关注。期待更多文章!