首页 > 其他分享 >input 自动填充 的解决方法总结

input 自动填充 的解决方法总结

时间:2023-05-09 11:23:34浏览次数:35  
标签:总结 off 填充 autocomplete 输入框 readonly input password textbox

方法一、form 表单 、input 输入框 设置属性 autocomplete="off";

<form action="login" method="post" autocomplete="off">
</form>
            <input autocomplete="off">

 

方法二、正对有passpword的情况,chrome 对autocomplete="off";失效;(亲测成功)

解决办法为让password 的输入框 默认是 readonly=true;当点击password框时,设置password输入框为readonly=false可以解决用户名和密码自动填充的情况;

<form action="login" method="post" autocomplete="off">
            <input class="easyui-textbox" id="username" name="username" data-options="cls:'login-text-icon',iconCls:'iconfont icon-musesuser-fill',labelAlign:'right',labelWidth:100,label:'<s:message code="I.LOGIN.USERNAME"></s:message>' ,width:450" autocomplete="off">
             <br>
             <br>
            <input class="easyui-textbox" id="password" name="password" data-options="cls:'login-text-icon',iconCls:'iconfont icon-museslock',labelAlign:'right',labelWidth:100,label:'<s:message code="I.LOGIN.PASSWORD"></s:message>',type:'password',readonly:true,width:450" autocomplete="new-password">
            <br>
            <br>
            <input class="easyui-checkbox" name="remember"  value="Y" checked=true labelWidth=100 width=400 labelAlign='right' label="<s:message code="I.LOGIN.REMEMBER"></s:message>">
            <br>
            <br>
            <a id="btn" onclick="login()" class="easyui-linkbutton" style="margin-left:100px;background:#ffab3f" data-options="width:340"><s:message code="I.LOGIN.LOGIN.BTN"></s:message></a>
        </form>
$(function(){
    $("#password").textbox('textbox').bind('click', function(){
        $("#password").textbox('readonly',false);    
    })
        
})

 

标签:总结,off,填充,autocomplete,输入框,readonly,input,password,textbox
From: https://www.cnblogs.com/lixiuming521125/p/17384331.html

相关文章

  • 【configparser】Python解析配置文件的模块使用总结
    简介configparser是Pyhton标准库中用来解析配置文件的模块,并且内置方法和字典非常接近。Python2.x中名为ConfigParser,3.x已更名小写,并加入了一些新功能。调用importconfigparserconfig=configparser.ConfigParser()config.read("config.ini")常用方法#获取所用......
  • 今日总结
    今日报告代码时间:大概2h代码行:估摸着三百行吧博客数量:3篇遇到的问题:报这个错了java.io.FileNotFoundException:classpathresource[bean.xml]cannotbeopenedbecauseitdoesnotexistDI环境注入......
  • 每日总结 5.8
    今天进行了广告的div改写。</div><divclass="aside"><spanid="s">10</span><span>秒后关闭</span>&nbsp;&nbsp;<buttononclick="del()">关闭</but......
  • 京东面经总结
    非科班,经历了无数场秋招,现将面试京东的题目记录如下:一面kafka在应用场景以及项目里的实现bitmap底层object里有哪些方法hashmap相关sychronized和reentrantlock相关问题以及锁升级cas和volatile线程几种状态以及转化jvm内存模型mybatis相关问题Redis数据结构,问了下......
  • 5月1日总结
    局部注册复制代码constchild={template:'我是局部注册的组件'}/*通过components选项属性进行局部注册:components:{组件名称[字符串]:组件对象}*/newVue({el:'#app',template:'',components:{'my-component':child}})复制代码demo:通过组件组合(嵌套......
  • 5月5日总结
    博客园Logo首页新闻博问专区闪存班级搜索所有博客搜索当前博客搜索我的博客写随笔我的博客短消息用户头像我的博客我的园子账号设置简洁模式退出登录孤王就是朕路漫漫其修远兮,吾将上下而求索!websocket多实例推送解决方案-数据......
  • 5月4日总结
    2、Oracle函数分类Oracle函数分为单行函数和聚合函数单行函数:对每一个函数应用在表的记录中时,只能输入一行结果,返回一个结果。常见的单行函数有如下四种①数值型函数:对数字进行计算,返回一个数字。②字符函数:对字符串操作。③转换函数:可以将一种数据类型转换为另外一种......
  • 5月3日总结
    Windows上安装nodejs版本管理器nvmnvm最新的下载地址Node版本管理器--nvm,可以运行在多种操作系统上。nvmforwindows是使用go语言编写的软件。我电脑使用的是Windows操作系统,所以我要记录下在此操作系统上nvm的安装和使用。下载nvm-windows最新下载地址:https://github.co......
  • 5月2日总结
    Node.js起步--(1)先来简单介绍nodeJS我们知道JavaScript是运行在浏览器中的,浏览器为它提供了一个上下文(context),从而让JavaScript得以解析执行。nodeJS其实可以这么理解,它是另外一种上下文,它允许在后端(脱离浏览器环境)解析执行JavaScript代码。因为它使用了Google的V8虚......
  • 5.8每日总结
    今天上了软件工程课,在课上老师讲了团队绩效考核的一些评价标准和需要注意的一些问题,意识到了在团队中的自我价值要通过自己的表现去争取,之后将要开展第二轮的团队项目的冲刺,并布置了期末的任务,后来在课上老师组织我们进行了一些团队合作活动。接下来将会和小组成员讨论下一阶段......