解决输入框密码显示黄色背景以及去掉自动填充功能

---恢复内容开始---

表单部分内容如下：

<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>

前面再加一个隐藏的输入框~

---恢复内容结束---