去除浏览器默认显示的输入框填充内容

问题：引用bootstrap输入框样式写的登录界面，浏览器刷新进去输入框中默认显示admin账号和密码。

问题再现.gif

原因：浏览器遇见input输入框会自动匹配一对类型为text和password的输入框默认填充为admin用户名及密码。

解决方法：在标签中添加 readonly="readonly",并在head中添加一个定时器。

<input readonly="readonly" type="text" class="form-control" placeholder="请输入手机号" id="phoneNumber" name="phoneNumber">
<input readonly="readonly" type="password" class="form-control" placeholder="请输入密码" id="password" name="password">

<script>
    setTimeout(function () {
        $('#phoneNumber').removeAttr('readonly');
        $('#password').removeAttr('readonly')
    },100);
</script>

解决后效果图.gif