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

提交登陆等表单时，允许记录了密码则会保存起来，且每次都会自动填充入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>