html禁止自动填充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,输入框便可进行再次编辑!完美解决!
相关推荐
标签:表单
留言与评论(共有 0 条评论) |