antd禁止自动填充

浏览器应该是再<input /> 有text和password类型时会自动填充密码

0. chrome

<Input autoComplete="new-user" placeholder="用户名"/>
<Input type="password" autoComplete="new-password" placeholder="密码" />

通过  autoComplete="new-user"    autoComplete="new-password" 取消自动填充

1. 360浏览器

   

  <Form.Item>
        {getFieldDecorator('password', {
                               rules: [{ required: true, message: '请输入密码' }],
                               onChange: () => {
                                   if(this.state.passwordInputType !== 'password') {
                                       this.setState({passwordInputType: "password"});
                                   }
                               }
                           })(
                               <Input type="password" autoComplete="new-password"
                                   placeholder="密码"
                               />,
                           )}
</Form.Item>

通过

   onChange: () => {
                                   if(this.state.passwordInputType !== 'password') {
                                       this.setState({passwordInputType: "password"});
                                   }
                               }

在密码值改变再设置密码框type类型来防止360浏览器自动填充

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值