当前位置:首页 > 前端 > 如何解决html input输入框'autocomplete="off"'无效问题

如何解决html input输入框'autocomplete="off"'无效问题

xuwenyan1个月前 (08-12)前端640

大家都知道autocomplete属性是表单字段中的HTML5新属性,该属性有两种状态值,分别为"on" 和 "off",该属性可省略:省略属性值后默认值为"on",也可以省略属性名,直接写入关键字on或off。

但是在Chrome核的浏览器上点了保存密码后功能会失效,输入框依然会自动填充。

可以通过以下方法解决:

<input readonly onfocus="this.removeAttribute('readonly');"/>

原理是设置readonly属性,只要在input上加上readonly,浏览器便不会自动填充了,然后input在onfocus时在去掉readonly,非常简单实用。

    文章作者:xuwenyan
    版权声明:本文为本站原创文章,转载请注明出处,非常感谢,如版权漏申明或您觉得任何有异议的地方欢迎与本站取得联系。

    相关文章

    js统计字符串中汉字、数字、字母、符号个数

    js统计字符串中汉字、数字、字母、符号个数

    如何用js统计字符串中字符个数,所占字节数,包含的汉字个数、数字个数、字母个数、标点符号个数? 首先去掉一些不需要统计的符号 let text = document.getElement...

    ipad在ios13修改了ipad浏览器的userAgent,导致设备类型判断错误。

    ipad在ios13修改了ipad浏览器的userAgent,导致设备类型判断错误。

    最近发现一个问题,想根据设备的类型来展示不同的主题风格,但根据网上的判断方法添加完代码之后,别的设备都正常,就是在ipad上面判断为了pc设备,让我相当郁闷。经过多出查询资料,最终总结如下:...

    JavaScript判断是移动设备还是pc设备, JavaScript判断浏览器类型。

    JavaScript判断是移动设备还是pc设备, JavaScript判断浏览器类型。

    JavaScript判断是移动设备还是pc设备 if (browser.versions.mobile) { var ua = navigator.userAgent.toL...

    javascript实现解析网页(html)

    javascript实现解析网页(html)

    javascript如何实现解析网页(html) demo代码如下: var parser = new DOMParser(); var html_dom = parser.parse...

    什么是跨域访问,如何实现跨域?

    什么是跨域访问,如何实现跨域?

    什么是跨域请求?在 HTML 中,<a>, <form>, <img>, <script>, <iframe>, <link>...

    js动态设置html站点标题图标(ico)

    js动态设置html站点标题图标(ico)

    我们可以直接在站点根目录直接放一个favicon.ico的ico文件,这样整个站点的默认标题图标就是这个图标了,但有时候我们需要为某个html指定特定的icon图标。(下面演示使用的是WampServ...

    发表评论

    访客

    ◎欢迎参与讨论,请在这里发表您的看法和观点。