---恢复内容开始---
表单部分内容如下:
<form id="dd">
<div class="form-group">
<label for="username1" >管理员名称</label>
<input type="text" class="form-control" id="username1" data-bind="value:dataMngUser().mngUserName"></div>
<div class="form-group">
<label for="passWord1" >管理员密码</label>
<input type="password" class="form-control" id="passWord1" data-bind="value:dataMngUser().mngUserPassword"></div>
<div class="form-group">
<label for="passWord1" >确认密码</label>
<input type="password" class="form-control" id="passWord1" data-bind="value:dataMngUser().mngUserPassword"></div>
</form>
每次显示该表单的时候,之前浏览器保存过的用户名和密码都会被显示出来,而且背景是黄色的。
修改方案如下:
1、展现方式:
$("#ddd")[0].reset();
该表单被显示出来之前执行上面的语句。
2、css样式:
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
border: 1px solid #ddd !important;
}
去掉黄色背景;
经历上面两步,搞定背景和自动填充功能~~
等待后续注释原因~~
终极解决方案:
<input style="display:none">
<input type="text" class="form-control" id="username1" data-bind="value:dataMngUser().mngUserName"></div>
前面再加一个隐藏的输入框~
---恢复内容结束---