微学网

热门关键词:   as  thinkphp  ecshop  xxx  商务通  www.ymwears.cn
热门: ASP.NET PHP编程 ASP编程 JSP编程 Python

html禁止自动填充input表单的完美解决方法

发布时间:2021-04-07 来源:未知 点击:
提交登陆等表单时,允许记录了密码则会保存起来,且每次都会自动填充入input,我们有时候不需要自动填充,试过网上的各种方法都没能完美解决,最后终于找到解决办法,废话不多说,直接上代码!
 
<form method="post" action="">
    <input type="text" name="username" readonly="readonly" id="username">
    <input type="password" name="password" readonly="readonly" id="password">
    <input type="submit" value="登录">
</form>
<script>
    setTimeout(function removeReadonly(){
        var username=document.getElementById("username");
        var password=document.getElementById("password");
        username.removeAttribute("readonly");
        password.removeAttribute("readonly");
    },1000);
</script>


 
思路:首先设置input为只读readonly,当页面加载完成后,浏览器不会自动填充内容,但是也不可以进行编辑。然后我们再用js的定时器延迟一段时间后移除input的只读属性readonly,输入框便可进行再次编辑!
完美解决! 

这就是微学网-程序员之家为你提供的"html禁止自动填充input表单的完美解决方法"希望对你有所帮助.本文来自网络,转载请注明出处:http://www.weixuecn.cn/article/14125.html
网络编程 | 前端制作 | 数据库 | CMS教程 | 脚本编程 | 框架 | 服务器 | 微信开发 | APP开发 |

凡本网站转载的文章、图片等资料的版权归版权所有人所有,因无法和版权所有者一一联系,如果本网站选取的文/图威胁到您的权益,请您及时和本网站联系。 我们会在第一时间内采取措施,避免给双方造 成不必要的损失。
© 2015-2021 微学网 版权所有,并保留所有权利。 备案号:粤ICP备09051474号-1

菜鸟教程,提供各类程序编程入门,技巧