推荐下载
-
2020-05-12 浏览：736
-
2020-05-06 浏览：517
-
2020-05-08 浏览：505
-
2020-04-04 浏览：501
-
2020-05-12 浏览：495
html禁止自动填充input表单的完美解决方法
发布时间:2021-04-21提交登陆等表单时，允许记录了密码则会保存起来，且每次都会自动填充入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表单的完美解决方法"希望对你有所帮助.本文来自网络，转载请注明出处：
