默认情况

<Form.Item label="timer">
  <Input />
  <DatePicker />
  <Input />
</Form.Item>
<Form.Item label="password">
  <Input.Password />
</Form.Item>
</Form>

默认1.png

默认2.png

保存的密码.png

点击离密码框最近的input会显示如图1 的这个网站下的所有保存密码都会出来。

面临的问题是 如果离密码框最近的input不是账号输入框，这就是个bug。

解决方法：就是对密码框新加一个属性autocomplete="new-password"

<Form
    labelCol={{ span: 8 }}
    wrapperCol={{ span: 6 }}
    style={{ maxWidth: 600 }}
>
    <Form.Item label="timer">
      <Input />
      <DatePicker />
      <Input />
    </Form.Item>
    <Form.Item label="password">
      <Input.Password autoComplete="new-password" />
    </Form.Item>
</Form>

解决.png

input的autocomplete的属性

默认情况