鍍金池/ 問答/HTML/ 輸入框的輸入提示錯(cuò)位

輸入框的輸入提示錯(cuò)位

clipboard.png

clipboard.png

單擊密碼輸入框出現(xiàn)第一種情況,再點(diǎn)擊密碼輸入框出現(xiàn)第二種情況,這是什么原因造成的?
用的是Antd里面的Form和FormItem

clipboard.png

回答
編輯回答
舊言

如果你是移動(dòng)端的話,應(yīng)該是fixed定位的問題。通過監(jiān)控獲取焦點(diǎn)改變定位absolute,失去焦點(diǎn)的時(shí)候再fixed回來就可以了。桌面端咱沒遇到過這個(gè)問題。

2018年7月9日 13:38
編輯回答
小眼睛

瀏覽器自帶的密碼記錄功能,可使用代碼禁止:
如,在此輸入框之前加一個(gè)隱藏的 type 為 password 的輸入框,同時(shí)關(guān)閉真是密碼輸入框的autocomplete,可以解決絕大部分的”傻的“瀏覽器。

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

--- 補(bǔ)充 ---

另外,部分瀏覽器不支持 autocomplete="off" 配置,比如 Chrome部分版本(竟然不支持,規(guī)范沒落實(shí)好?。?可以使用以下方案替換

<input type="password" autocomplete="new-password" />
2018年8月22日 20:36
編輯回答
久不遇

請(qǐng)問怎么清除鼠標(biāo)輸入狀態(tài)時(shí)候 input 邊框問題呢~

2017年4月21日 10:12