输入框的输入提示错位

Question

单击密码输入框出现第一种情况，再点击密码输入框出现第二种情况，这是什么原因造成的?
用的是Antd里面的Form和FormItem

Answer 1

浏览器自带的密码记录功能，可使用代码禁止：
如，在此输入框之前加一个隐藏的 type 为 password 的输入框,同时关闭真是密码输入框的autocomplete，可以解决绝大部分的”傻的“浏览器。

<input type="password" style="display:none;width:0;height:0;" />
<input type="password" autocomplete="off" />

--- 补充 ---

另外，部分浏览器不支持 autocomplete="off" 配置，比如 Chrome部分版本（竟然不支持，规范没落实好啊）,可以使用以下方案替换

<input type="password" autocomplete="new-password" />

Answer 2

如果你是移动端的话，应该是fixed定位的问题。通过监控获取焦点改变定位absolute，失去焦点的时候再fixed回来就可以了。桌面端咱没遇到过这个问题。

Answer 3

请问怎么清除鼠标输入状态时候 input 边框问题呢~