input输入框自动填充账号密码

时间:2024-03-11 17:38:44

 

 

 

 

 方法:
1.css设置背景色

input:-webkit-autofill {
      box-shadow: 0 0 1000px 1000px white inset !important;
}

2.autocomplete是HTML5的一个新属性。默认自动填入,介绍使用方式是autocomplete="off"即可,但对这里的自动填充并没有效果,反而填入autocomplete="new-password"产生了效果

<input type="password" autocomplete="new-password" placeholder="请输入密码" id="password" value=""/>

3.在input前加入新的input,并隐藏

新添的两个input标签就被自动填充了,而原有的"密码"框不会被进行自动填充。