js 开发之autocomplete="off"在chrom中失效的解决办法

问题：在表单的输入框中，有时候我们并不希望点击输入框时，会出现提示信息。这时，在输入框中添加属性:autocomplete="off”，一般能达到目的。而在chrom里面就失效。

失效的原因是：浏览器会根据输入框的input的type属性为password的时候，自动将用户名和密码框填充。

解决方法：因为浏览器是否自动填充内容，根据type=password来判断的。此时先将作为密码的输入框的type设成text,当点击密码输入框的时候，将其type属性设为password,这样问题就解决了。

HTML页面代码如下：

<input class="input1" id="userpassword" <span style="color:#ff0000;">type="text"</span> placeholder="新密码"
 autocomplete="off"/> 

JS代码：

$("#userpassword").click(function(){ 
    <span style="color:#ff0000;">$(this).attr("type","password");</span> 
  }); 

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# autocomplete="off"在chrom中失效  # javascript  # autocomplete="off"失效解决办法  # JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效)  # JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(MET  # js放到head中失效的原因与解决方法  # 使用jQuery的load方法设计动态加载及解决被加载页面js失效问题  # JS出现失效的情况总结  # 使用微信内嵌H5网页解决JS倒计时失效问题  # jsp 网站引入外部css或者js失效问题解决  # 输入框  # 框中  # 如有  # 设为  # 而在  # 将其  # 提示信息  # 希望能  # 谢谢大家  # 表单  # 能达到  # 解决方法  # 解决办法  # 先将  # 将用  # 疑问请  # 解决了  # 新密码  # br  # password 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 如何快速生成高效建站系统源代码？  如何为不同团队 ID 动态生成多个非值班状态按钮  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)  为什么要用作用域操作符_php中访问类常量与静态属性的优势【解答】  HTML5段落标签p和br怎么选_文本排版常用标签对比【解答】  Laravel Eloquent关联是什么_Laravel模型一对一与一对多关系精讲  标题：Vue + Vuex + JWT 身份认证的正确实践与常见误区解析  如何正确下载安装西数主机建站助手？  Laravel如何生成API文档？（Swagger/OpenAPI教程）  Laravel怎么配置.env环境变量_Laravel生产环境敏感数据保护与读取【方法】  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  ChatGPT 4.0官网入口地址 ChatGPT在线体验官网  Swift中循环语句中的转移语句 break 和 continue  北京专业网站制作设计师招聘,北京白云观官方网站？  什么是JavaScript解构赋值_解构赋值有哪些实用技巧  如何用美橙互联一键搭建多站合一网站？  php嵌入式断网后怎么恢复_php检测网络重连并恢复硬件控制【操作】  香港服务器如何优化才能显著提升网站加载速度？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  如何挑选高效建站主机与优质域名？  Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives  网站建设要注意的标准 促进网站用户好感度！  Laravel中间件如何使用_Laravel自定义中间件实现权限控制  php做exe能调用系统命令吗_执行cmd指令实现方式【详解】  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  瓜子二手车官方网站在线入口 瓜子二手车网页版官网通道入口  如何使用 jQuery 正确渲染 Instagram 风格的标签列表  如何快速生成凡客建站的专业级图册？  Laravel如何配置.env文件管理环境变量_Laravel环境变量使用与安全管理  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  怎样使用JSON进行数据交换_它有什么限制  Android使用GridView实现日历的简单功能  高防服务器如何保障网站安全无虞？  如何在阿里云高效完成企业建站全流程？  javascript基本数据类型及类型检测常用方法小结  怎么用AI帮你为初创公司进行市场定位分析？  Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】  Javascript中的事件循环是如何工作的_如何利用Javascript事件循环优化异步代码？  潮流网站制作头像软件下载,适合母子的网名有哪些？  Win11应用商店下载慢怎么办 Win11更改DNS提速下载【修复】  网站制作报价单模板图片,小松挖机官方网站报价？  Laravel用户密码怎么加密_Laravel Hash门面使用教程  Laravel如何实现API版本控制_Laravel版本化API设计方案  javascript日期怎么处理_如何格式化输出  laravel怎么实现图片的压缩和裁剪_laravel图片压缩与裁剪方法  桂林网站制作公司有哪些,桂林马拉松怎么报名？  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  🚀拖拽式CMS建站能否实现高效与个性化并存？  Laravel Eloquent性能优化技巧_Laravel N+1查询问题解决