密码输入框

参考连接：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"
/>