react antd 解決表單中的賬戶和密碼輸入框記住瀏覽器密碼 並回填到輸入框的問題


問題:點擊新增按鈕時會出現一個表單,其中的賬戶和密碼的輸入框會自動回填瀏覽器記住的默認密碼和賬戶信息,當然這是不符合需求的

 

那么如何去掉這一默認回填呢?

網上查找資料,使用 HTML屬性 autocomplete=“off”沒有起作用

其他的解決方法的中心思想就是添加一個或多個<input type="password">使其占用回填瀏覽器的記住的密碼和賬戶,並使添加的<input>消失在頁面中(用戶看不見即可)

在react 的 antd中我使用的是直接增加兩個formItem節點,並在渲染的時候添加樣式,position:fixed; bottom:-9999px; (這里我使用display:none不起作用)讓其在頁面可視范圍內消失。

 渲染的時候根據index使其添加的accound_none和pwd_none兩個節點上添加樣式,這樣就完美解決了問題

 有一點要注意的就是:在窗口外的這兩個表單項require必須是 false

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM