密码输入框
参考连接:https://blog.csdn.net/qq_36451496/article/details/100163017
密码输入框的一些问题
1.js代码(有错)
<input
type="password"
id="psw"
name="Psw"
onChange={this.handlerChange}
value={this.state.Psw}
placeholder="请输入密码"
/>
2.报错
Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq) input#psw
3.报错原因
input元素应具有autocomplete属性,此功能主要是记住输入内容,下次提交表单或者浏览器回退后,还能保持表单内容不变,也就是能够在下面自动补齐上次填写的内容。
想要让控制台不要再提示这个信息,给出解决方案:
<input autocomplete="off">
<input autocomplete="on">
off:表示控件的输入数据特别敏感(例如核武器的激活码); 或者它是一个永远不会被重用的值(例如银行登录的一次性密钥),因此用户每次都必须明确输入数据,而不是依靠UA用户代理预先填写它们的价值; 或者文档提供了自己的自动完成机制,并且不希望用户代理提供自动完成值。
on:关键字表示允许用户代理向用户提供自动完成值,但不提供有关用户可能要输入的数据类型的任何进一步信息。用户代理必须使用启发式方法来确定要建议的自动完成值。
4.修改js
密码输入框加上 autoComplete="off"
<input
type="password"
id="psw"
name="Psw"
onChange={this.handlerChange}
value={this.state.Psw}
placeholder="请输入密码"
// autoComplete="on"
/>