antd pro ProForm去除chrome自动填充不生效
chrome对表单会自动填充,特别对 username、password、email。相信chrome初衷是好的,但对开发制造了不少麻烦。
前言
今天写一个新增用户的表单,有两个属性对chrome很敏感,它们是用户名(username
)、密码(passward
),很顺利在chrome上它表现了自己的独特性:这两个字段自动填充。下面一起看看问题及解决方案。
一、问题
1.1 使用 ProFormFields
中ProFormText
和 ProFormText.Password
实现表单
- 代码
<ModalForm
title="新增用户"
……
>
……
<ProFormText
label="用户名"
name="username"
rules={[{ required: true }]}
hasFeedback
tooltip="用于用户登录的名称,建议全引文加数字组成"
fieldProps={
{ autoComplete: 'off'