摘要:如何禁止瀏覽器自動(dòng)填充屬性規(guī)定輸入字段是否應(yīng)該啟用自動(dòng)完成功能方法一設(shè)置沒錯(cuò),是可以控制瀏覽器自動(dòng)完成功能,但文檔里說可以禁止瀏覽器自動(dòng)填充,經(jīng)過實(shí)際操作一試,然而并不能,已經(jīng)失效了,經(jīng)過探索發(fā)現(xiàn)注意在像,等項(xiàng)目中應(yīng)該用駝峰命名法加到對(duì)
如何禁止瀏覽器自動(dòng)填充
autocomplete 屬性規(guī)定輸入字段是否應(yīng)該啟用自動(dòng)完成功能
方法一:設(shè)置autocomplete=“new-password”沒錯(cuò),autocomplete是可以控制瀏覽器自動(dòng)完成功能,但文檔里說autocomplete=“off”可以禁止瀏覽器自動(dòng)填充,經(jīng)過實(shí)際操作一試,然而并不能,autocomplete=“off”已經(jīng)失效了,經(jīng)過探索發(fā)現(xiàn)autocomplete=“new-password”(注意:在像vue,react等項(xiàng)目中應(yīng)該用駝峰命名法autoComplete)加到對(duì)應(yīng)的input[type=password]中就可以了,此方法在Chrome瀏覽器中有效,像Firefox又不起作用了方法二:添加
Firefox瀏覽器可以在表單里添加,在添加后面的input都不會(huì)被自動(dòng)填充,想要整個(gè)表單都不被填充,將它添加到表單最前面即可,但是此方法在Firefox瀏覽器中有效,Chrome又不起作用了終極方法:可以解決瀏覽器的兼容性的方法
將兩種方法組合到一起,添加并設(shè)置autocomplete=“new-password”,查看一下,Chrome跟Firefox都生效了
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/53228.html
摘要:所以,這里給設(shè)置初始為,在用戶點(diǎn)擊聚焦后設(shè)置為,避免瀏覽器在頁面之后判斷登錄表單進(jìn)行回填。 本文由 Deguang 發(fā)表于 碼路-技術(shù)博客 瀏覽器的保存賬戶密碼功能,給我們帶來了很大的便利,但是在有些情況下,我們并不希望瀏覽器幫我們填充一些表單,然而autocomplete的一些參數(shù)項(xiàng)并不能阻止瀏覽器回填,這里我們來看下如何解決這個(gè)問題。 問題描述: 項(xiàng)目注冊(cè)部分的表單有三項(xiàng),分別為手...
摘要:于是查看瀏覽器頁面行為,發(fā)現(xiàn)該表單郵箱賬號(hào)密碼字段被瀏覽器默認(rèn)填寫,導(dǎo)致反復(fù)觸發(fā)校驗(yàn)。正常觸發(fā)自動(dòng)填充解決方式既然瀏覽器遇到與的標(biāo)簽緊鄰時(shí)觸發(fā)自動(dòng)填充行為,則將兩個(gè)隔開,使用隱藏的方式欺騙瀏覽器,將密碼信息填寫在隱藏區(qū)域。經(jīng)測(cè)試問題解決。 在開發(fā)中偶然遇到的一個(gè)奇怪的問題,有一個(gè)需求會(huì)讓用戶輸入郵箱和密碼信息,該表單設(shè)置了校驗(yàn)規(guī)則(當(dāng)觸發(fā)blur時(shí),才會(huì)觸發(fā)校驗(yàn)),但之后的測(cè)試發(fā)現(xiàn),只...
摘要:于是查看瀏覽器頁面行為,發(fā)現(xiàn)該表單郵箱賬號(hào)密碼字段被瀏覽器默認(rèn)填寫,導(dǎo)致反復(fù)觸發(fā)校驗(yàn)。正常觸發(fā)自動(dòng)填充解決方式既然瀏覽器遇到與的標(biāo)簽緊鄰時(shí)觸發(fā)自動(dòng)填充行為,則將兩個(gè)隔開,使用隱藏的方式欺騙瀏覽器,將密碼信息填寫在隱藏區(qū)域。經(jīng)測(cè)試問題解決。 在開發(fā)中偶然遇到的一個(gè)奇怪的問題,有一個(gè)需求會(huì)讓用戶輸入郵箱和密碼信息,該表單設(shè)置了校驗(yàn)規(guī)則(當(dāng)觸發(fā)blur時(shí),才會(huì)觸發(fā)校驗(yàn)),但之后的測(cè)試發(fā)現(xiàn),只...
閱讀 1467·2021-10-18 13:29
閱讀 2704·2021-10-12 10:18
閱讀 3585·2021-09-22 15:06
閱讀 2601·2019-08-29 17:09
閱讀 2792·2019-08-29 16:41
閱讀 1497·2019-08-29 13:48
閱讀 3230·2019-08-26 13:49
閱讀 3329·2019-08-26 13:34