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

一、autocomplete引见

autocomplete是Html5中的新属性。
该属性划定输入字段是不是应当启用自动完成功用。自动完成许可浏览器展望对字段的输入。当用户在字段最先键入的时刻,浏览器基于之前输入过的值,应当显现出在字段中填写的选项。
该属性适用于<form>,以及下面的<input>范例。text,search,telephone,email,password,datepickers,range以及color.
该属性有两个值,on和off。
on是默许的,划定启用自动完成功用。
off是划定禁用自动完成功用。

二、有关autocomplete = “off”失效

做项目的时刻,有这个当然轻易。然则当我们做用户的找回暗码如许的时刻,或许重置暗码的时刻,有这个就显得不是那末好了。
当input的type为text的时刻,autocomplete是乖乖的听话的。然则当是paddword的时刻,发明并没有起作用。照样会提醒暗码。这时刻上网查了查要领,本身也试了。接下来总结一下。

1.先设置属性readonly,然后在点击谁人元素的时刻,再把readonly设置为false。我运用的是这类要领处理的。

html代码

<input type="password" readonly="true" class="pwd" autocomplete="off">

js代码(假定引入了jquery)

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

2.先设置其type为text,单点击的时刻,再把其type改成password

html代码

<input type="text" readonly="true" class="pwd" autocomplete="off">

js代码(假定引入了jquery)

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

3.能够先写好一个type为text的input框,写一个type为password的input框。然则这个时刻这个暗码框是隐蔽的。当点击文本框的时刻。让文本框消逝,暗码框显现。实在思绪和上面是一样的。

4.看网上另有一种说法,是把autocomplete的值写为’new-complete’。网易上岸邮箱就是如许写的。然则这个体式格局我试验了今后,是不能够的。你们能够尝尝哦~

    原文作者:金豆豆
    原文地址: https://segmentfault.com/a/1190000015835876
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞