有关表单autocomplete = "off" 失效问题解决方案

skinner 发布于2019-08-23 10:34 / 3129人阅读

摘要：一介绍是中的新属性。自动完成允许浏览器预测对字段的输入。以及该属性有两个值，和。是规定禁用自动完成功能。二有关失效做项目的时候，有这个固然方便。但是当是的时候，发现并没有起作用。我使用的是这种方法解决的。让文本框消失，密码框显示。

一、autocomplete介绍

autocomplete是Html5中的新属性。
该属性规定输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入的时候，浏览器基于之前输入过的值，应该显示出在字段中填写的选项。
该属性适用于

，以及下面的类型。text,search,telephone,email,password,datepickers,range以及color.
该属性有两个值，on和off。
on是默认的，规定启用自动完成功能。
off是规定禁用自动完成功能。

二、有关autocomplete = "off"失效

做项目的时候，有这个固然方便。但是当我们做用户的找回密码这样的时候，或者重置密码的时候，有这个就显得不是那么好了。
当input的type为text的时候，autocomplete是乖乖的听话的。但是当是paddword的时候，发现并没有起作用。还是会提示密码。这时候上网查了查方法，自己也试了。接下来总结一下。

1.先设置属性readonly,然后在点击那个元素的时候，再把readonly设置为false。我使用的是这种方法解决的。

html代码

js代码(假设引入了jquery)

$(".pwd").on("click", function () {
    $(this).attr("readonly", false)
})

2.先设置其type为text，单点击的时候，再把其type改为password

html代码

js代码(假设引入了jquery)

$(".pwd").on("click", function () {
    $(this).attr("type", "text")
})

3.可以先写好一个type为text的input框，写一个type为password的input框。但是这个时候这个密码框是隐藏的。当点击文本框的时候。让文本框消失，密码框显示。其实思路和上面是一样的。

4.看网上还有一种说法，是把autocomplete的值写为"new-complete"。网易登陆邮箱就是这样写的。但是这个方式我实验了以后，是不可以的。你们可以试试哦~

云服务器 GPU云服务器 Quote quoted quot python b&quot&quot

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/96479.html

input type=&quot;search&quot; 实现搜索框

摘要：欲实现一个文字搜索的功能，要求输入时，键盘回车按钮提示显示为搜索。于是几经，得到答案设置去掉弹出的下拉框将默认的隐藏掉针对设置样式去除下椭圆形同时别忘记，如果提交搜索时想使用，那么可以阻止表单的默认行为欲实现一个文字搜索的功能，要求输入时，键盘回车按钮提示显示为搜索。效果如下:showImg(https://segmentfault.com/img/remote/1460000007...

e10101 2019-08-01 16:04 评论0 收藏0
禁止浏览器自动填充

摘要：如何禁止浏览器自动填充属性规定输入字段是否应该启用自动完成功能方法一设置没错，是可以控制浏览器自动完成功能，但文档里说可以禁止浏览器自动填充，经过实际操作一试，然而并不能，已经失效了，经过探索发现注意在像，等项目中应该用驼峰命名法加到对如何禁止浏览器自动填充 autocomplete 属性规定输入字段是否应该启用自动完成功能方法一：设置autocomplete=new-passwo...

Jioby 2019-08-02 11:56 评论0 收藏0
如何禁止浏览器自动填充

摘要：所以，这里给设置初始为，在用户点击聚焦后设置为，避免浏览器在页面之后判断登录表单进行回填。本文由 Deguang 发表于码路-技术博客浏览器的保存账户密码功能，给我们带来了很大的便利，但是在有些情况下，我们并不希望浏览器帮我们填充一些表单，然而autocomplete的一些参数项并不能阻止浏览器回填，这里我们来看下如何解决这个问题。问题描述：项目注册部分的表单有三项，分别为手...

jone5679 2019-08-02 11:43 评论0 收藏0