瀏覽器自動填充表單導致網頁樣式丟失

2021-06-13 18:21:36 字數 455 閱讀 6822

從後台做到前端,悲劇啊。將別人做好的css整合到我的jsp網頁裡面,出現了乙個奇怪現象。

對方提供給我的是html檔案,開啟之後樣式顯示都正常。我再把裡面的**複製到我的jsp頁面,奇怪的現象就出現了。這是乙個登陸頁面,包括使用者名稱輸入框和密碼輸入框。將網頁部署到web伺服器上,通過瀏覽器開啟發現這兩個輸入框的樣式丟了。只有將兩個輸入框的name屬性設為相同的名字才能正常顯示樣式。

通過chrome的外掛程式檢視發現有對應的樣式,但是在瀏覽器顯示的時候這些樣式就失效了,被webkit自帶的樣式給代替了。而在其他機子上用相同版本的瀏覽器開啟卻沒問題。最後乙個熟悉web開發的同事幫忙找到了原因,是由於我之前在本機上測試的時候在瀏覽器儲存了這個登陸頁面的使用者名稱密碼,在開啟這個頁面的時候chrome自動填充使用者名稱密碼,同時用webkit預設樣式替代網頁樣式,就是乙個黃色背景的輸入框,以提示使用者這是自動填充的表單內容。把chrome儲存的這個網頁的使用者名稱密碼清掉就可以了。

禁止瀏覽器自動填充到表單

有乙個登入頁,有乙個新建使用者頁。他們都有form表單,有username和password 兩個input。type text name username type password name password form 在登入頁的時候瀏覽器記住了密碼,如果去到新建使用者頁則 username 和...

禁止chrome瀏覽器自動填充到表單

今天碰到乙個瀏覽器回填的問題,其實這個現象出現在chrome。一開始我嘗試了jquery的resetform方法 yigeform 0 reset 還以為可以搞定,但是沒有效果還是能填充,挺淡疼的。於是找了其他的blog。嘗試過這種,要不靠譜 window.load function 感覺成功就在咫...

如何禁止瀏覽器自動填充

瀏覽器的儲存賬戶密碼功能,給我們帶來了很大的便利,但是在有些情況下,我們並不希望瀏覽器幫我們填充一些表單,然而autocomplete的一些引數項並不能阻止瀏覽器回填,這裡我們來看下如何解決這個問題。專案註冊部分的表單有三項,分別為手機號 驗證碼和密碼,當完成註冊操作後,瀏覽器提醒是否儲存密碼,使用...