寫前端的，最討厭的事有幾個，其中乙個就是使用者/自己輸入的密碼被瀏覽器記住之後，每次開啟頁面都會自動填充。甚至不分青紅皂白，每個頁面只要有password型別的輸入框，就會自動填充。尤其是chrome。
不僅煩人，有時候還會影響樣式，比如chrome下，輸入框帶有背景icon，但是自動填充會變成黃色背景，你的背景icon沒了……
怎麼辦？
網上有很多hack的辦法，有的用js控制輸入框型別，有的定時器清除輸入框的值，但是都不太好用。
經過研究/測試，發現了一種很簡單的hack方法，純css+html，不影響頁面布局，不需要js，穩定，效果很棒。
.hide-inputpassword型別輸入框，自動填充的時候只會填充第乙個以及改輸入框的上乙個，分別填充賬號和密碼。
但是前提是該password輸入框必須是可見的，不能是display: none;或者visibility: hidden;，所以，對於需要隱藏的輸入框，我們設定寬度為0，高度為0，透明度為0，絕對定位，在頁面上方很高的位置，這樣的設定，既保證了該元素的可見性，又確保不會因為意外而影響到頁面的其他元素。
這樣的寫法，有些累贅。但是如果做成元件，就很方便了。
現在前端框架都是元件化的，我們完全可以把password輸入框做成乙個元件，使用起來不就很方便了嗎？
希望能給你一點幫助！
表單密碼自動填充hack
寫前端的，最討厭的事有幾個，其中乙個就是使用者 自己輸入的密碼被瀏覽器記住之後，每次開啟頁面都會自動填充。甚至不分青紅皂白，每個頁面只要有password型別的輸入框，就會自動填充。尤其是chrome。不僅煩人，有時候還會影響樣式，比如chrome下，輸入框帶有背景icon，但是自動填充會變成黃色背...
去掉chrome記住密碼後自動填充表單的黃色背景
chrome表單自動填充後，input文字框的背景會變成黃色的，通過審查元素可以看到這是由於chrome會預設給自動填充的input表單加上input webkit autofill私有屬性，然後對其賦予以下樣式 可以對input webkit autofill使用足夠大的純色內陰影來覆蓋input...
取消表單自動填充功能
使用者輸入表單內容進行登入，當其中包含密碼的時候，某些瀏覽器比如chrome會提示記住密碼。讓後當你下一次開啟網頁，然後瀏覽器會自動幫你填充表單。可是有時候我們不希望這樣做。如何去掉呢？網上有很多方案 type text name foo autocomplete off type text sty...