有關表單autocomplete = "off" 失效問題解決方案

1、autocomplete介紹

autocomplete是Html5中的新屬性。
該屬性規定輸入字段是否應該啓用自動完成功能。自動完成容許瀏覽器預測對字段的輸入。當用戶在字段開始鍵入的時候，瀏覽器基於以前輸入過的值，應該顯示出在字段中填寫的選項。
該屬性適用於<form>，以及下面的<input>類型。text,search,telephone,email,password,datepickers,range以及color.
該屬性有兩個值，on和off。
on是默認的，規定啓用自動完成功能。
off是規定禁用自動完成功能。

2、有關autocomplete = "off"失效

作項目的時候，有這個當然方便。可是當咱們作用戶的找回密碼這樣的時候，或者重置密碼的時候，有這個就顯得不是那麼好了。
當input的type爲text的時候，autocomplete是乖乖的聽話的。可是當是paddword的時候，發現並無起做用。仍是會提示密碼。這時候上網查了查方法，本身也試了。接下來總結一下。

1.先設置屬性readonly,而後在點擊那個元素的時候，再把readonly設置爲false。我使用的是這種方法解決的。

html代碼

<input type="password" readonly="true" class="pwd" autocomplete="off">

js代碼(假設引入了jquery)

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

2.先設置其type爲text，單點擊的時候，再把其type改成password

html代碼

<input type="text" readonly="true" class="pwd" autocomplete="off">

js代碼(假設引入了jquery)

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

3.能夠先寫好一個type爲text的input框，寫一個type爲password的input框。可是這個時候這個密碼框是隱藏的。當點擊文本框的時候。讓文本框消失，密碼框顯示。其實思路和上面是同樣的。

4.看網上還有一種說法，是把autocomplete的值寫爲'new-complete'。網易登錄郵箱就是這樣寫的。可是這個方式我實驗了之後，是不能夠的。大家能夠試試哦~