问题:引用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