当前位置:首页 > 前端 > 正文内容

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

xuwenyan1年前 (2022-08-12)前端626

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

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

可以通过以下方法解决:

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

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

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

    扫描二维码推送至手机访问。

    版权声明:本文由艺文笔记发布,如需转载请注明出处。

    本文链接:https://www.xuwenyan.com/archives/2814

    分享给朋友:
    返回列表

    上一篇:js动态设置html站点标题图标(ico)

    没有最新的文章了...

    “如何解决html input输入框'autocomplete="off"'无效问题” 的相关文章

    js前端计算文件文本md5,sha1,sha256等值

    js前端计算文件文本md5,sha1,sha256等值

    js前端计算文件文本md5,sha1,sha256等值,一个比较完善的js库就是CryptoJS,下载地址:谷歌开源、github,这个库使用起来非常方便,支持增加计算(支持超大文件计算),支持ase加密、rc4加密、md5值、sha1值、sha3值、sha224值、sha256值、sha384值、...

    常用的html转义符对照表大全

    常用的html转义符对照表大全

    常用的html转义符对照表大全 目录 常用的字符转义HTML特殊转义字符列表数学和希腊字母标志重要的国际标记JavaScript 转义符 常用的字符转义 显示说明|实体名称|实体编号|半方大的空白|&ensp;|&#8194;|全方大的空白|&ems...

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

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

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

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

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

    JavaScript判断是移动设备还是pc设备 if (browser.versions.mobile) { var ua = navigator.userAgent.toLowerCase();//获取判断用的对象 if (ua.match(/Micro...

    javascript实现解析网页(html)

    javascript实现解析网页(html)

    javascript如何实现解析网页(html) demo代码如下: var parser = new DOMParser(); var html_dom = parser.parseFromString(html_content, 'text/html'); var els =...

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

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

    什么是跨域请求?在 HTML 中,<a>, <form>, <img>, <script>, <iframe>, <link> 等标签以及 Ajax 都可以指向一个资源地址,而所谓的跨域请求就是指:当前发起请求的域与该请求指向的...