成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

有關(guān)表單autocomplete = "off" 失效問題解決方案

skinner / 3146人閱讀

摘要:一介紹是中的新屬性。自動(dòng)完成允許瀏覽器預(yù)測對字段的輸入。以及該屬性有兩個(gè)值,和。是規(guī)定禁用自動(dòng)完成功能。二有關(guān)失效做項(xiàng)目的時(shí)候,有這個(gè)固然方便。但是當(dāng)是的時(shí)候,發(fā)現(xiàn)并沒有起作用。我使用的是這種方法解決的。讓文本框消失,密碼框顯示。

一、autocomplete介紹

autocomplete是Html5中的新屬性。
該屬性規(guī)定輸入字段是否應(yīng)該啟用自動(dòng)完成功能。自動(dòng)完成允許瀏覽器預(yù)測對字段的輸入。當(dāng)用戶在字段開始鍵入的時(shí)候,瀏覽器基于之前輸入過的值,應(yīng)該顯示出在字段中填寫的選項(xiàng)。
該屬性適用于

,以及下面的類型。text,search,telephone,email,password,datepickers,range以及color.
該屬性有兩個(gè)值,on和off。
on是默認(rèn)的,規(guī)定啟用自動(dòng)完成功能。
off是規(guī)定禁用自動(dòng)完成功能。

二、有關(guān)autocomplete = "off"失效

做項(xiàng)目的時(shí)候,有這個(gè)固然方便。但是當(dāng)我們做用戶的找回密碼這樣的時(shí)候,或者重置密碼的時(shí)候,有這個(gè)就顯得不是那么好了。
當(dāng)input的type為text的時(shí)候,autocomplete是乖乖的聽話的。但是當(dāng)是paddword的時(shí)候,發(fā)現(xiàn)并沒有起作用。還是會(huì)提示密碼。這時(shí)候上網(wǎng)查了查方法,自己也試了。接下來總結(jié)一下。

1.先設(shè)置屬性readonly,然后在點(diǎn)擊那個(gè)元素的時(shí)候,再把readonly設(shè)置為false。我使用的是這種方法解決的。

html代碼

js代碼(假設(shè)引入了jquery)

$(".pwd").on("click", function () {
    $(this).attr("readonly", false)
})

2.先設(shè)置其type為text,單點(diǎn)擊的時(shí)候,再把其type改為password

html代碼

js代碼(假設(shè)引入了jquery)

$(".pwd").on("click", function () {
    $(this).attr("type", "text")
})

3.可以先寫好一個(gè)type為text的input框,寫一個(gè)type為password的input框。但是這個(gè)時(shí)候這個(gè)密碼框是隱藏的。當(dāng)點(diǎn)擊文本框的時(shí)候。讓文本框消失,密碼框顯示。其實(shí)思路和上面是一樣的。

4.看網(wǎng)上還有一種說法,是把a(bǔ)utocomplete的值寫為"new-complete"。網(wǎng)易登陸郵箱就是這樣寫的。但是這個(gè)方式我實(shí)驗(yàn)了以后,是不可以的。你們可以試試哦~

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/96479.html

相關(guān)文章

  • input type="search" 實(shí)現(xiàn)搜索框

    摘要:欲實(shí)現(xiàn)一個(gè)文字搜索的功能,要求輸入時(shí),鍵盤回車按鈕提示顯示為搜索。于是幾經(jīng),得到答案設(shè)置去掉彈出的下拉框?qū)⒛J(rèn)的隱藏掉針對設(shè)置樣式去除下橢圓形同時(shí)別忘記,如果提交搜索時(shí)想使用,那么可以阻止表單的默認(rèn)行為 欲實(shí)現(xiàn)一個(gè)文字搜索的功能,要求輸入時(shí),鍵盤回車按鈕提示顯示為搜索。效果如下:showImg(https://segmentfault.com/img/remote/1460000007...

    e10101 評論0 收藏0
  • 禁止瀏覽器自動(dòng)填充

    摘要:如何禁止瀏覽器自動(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)該用駝峰命名法加到對 如何禁止瀏覽器自動(dòng)填充 autocomplete 屬性規(guī)定輸入字段是否應(yīng)該啟用自動(dòng)完成功能 方法一:設(shè)置autocomplete=new-passwo...

    Jioby 評論0 收藏0
  • 如何禁止瀏覽器自動(dòng)填充

    摘要:所以,這里給設(shè)置初始為,在用戶點(diǎn)擊聚焦后設(shè)置為,避免瀏覽器在頁面之后判斷登錄表單進(jìn)行回填。 本文由 Deguang 發(fā)表于 碼路-技術(shù)博客 瀏覽器的保存賬戶密碼功能,給我們帶來了很大的便利,但是在有些情況下,我們并不希望瀏覽器幫我們填充一些表單,然而autocomplete的一些參數(shù)項(xiàng)并不能阻止瀏覽器回填,這里我們來看下如何解決這個(gè)問題。 問題描述: 項(xiàng)目注冊部分的表單有三項(xiàng),分別為手...

    jone5679 評論0 收藏0

發(fā)表評論

0條評論

skinner

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<