瀏覽器記住密碼和回填

表單的一些問題

1. 瀏覽器記住賬號(驗證碼)密碼

2.瀏覽器表單回填

 

在瀏覽器裏有一個前端的爬蟲，能夠抓取到咱們的inut type=password，咱們成功的提交表單，瀏覽器會在右上角彈框，詢問是否記住密碼，可是咱們發現有時候記住的不是咱們的賬號，好比:

提示咱們記住的是驗證碼，可是產品說這個必須是賬號，這個需求提的我猝不及防，而後就有了這一篇記錄。

方案

表單順序是賬號-驗證碼-密碼-重複密碼，咱們知道瀏覽器瀏覽器記住的是密碼和驗證碼，實際上是密碼和他的上一個input；咱們把密碼和驗證碼在DOM順序上換個位置，如今的dom順序是賬號-密碼-驗證碼-重複密碼，咱們用flex把密碼和驗證碼columen-reverse，這樣在視覺上他們順序符合了設計的預期，在功能上又符合的產品的需求，這樣一箭雙鵰的方法，固然有着小小的問題，我發如今dom順序改了以後，點擊tab鍵光標的順序和dom順序是一致的，因此光標看起來是1-3-2-4，咱們用tabIndex來解決這個問題，而後看起來就是沒有問題的。

 

方案

記住密碼以後就是回填了，咱們有時候發現瀏覽器回填咱們的賬號密碼，可是需求是不須要回填，咱們瞭解autoComplete這個屬性off不能生效，可是autoComplete="new-password"是能夠的，chrome、360、IE11親測有效