js 開發(fā)之a(chǎn)utocomplete="off"在chrom中失效的解決辦法

js 開發(fā)之a(chǎn)utocomplete="off"在chrom中失效的解決辦法

問題：在表單的輸入框中，有時(shí)候我們并不希望點(diǎn)擊輸入框時(shí)，會出現(xiàn)提示信息。這時(shí)，在輸入框中添加屬性:autocomplete="off”，一般能達(dá)到目的。而在chrom里面就失效。

失效的原因是：瀏覽器會根據(jù)輸入框的input的type屬性為password的時(shí)候，自動將用戶名和密碼框填充。

解決方法：因?yàn)闉g覽器是否自動填充內(nèi)容，根據(jù)type=password來判斷的。此時(shí)先將作為密碼的輸入框的type設(shè)成text,當(dāng)點(diǎn)擊密碼輸入框的時(shí)候，將其type屬性設(shè)為password,這樣問題就解決了。

HTML頁面代碼如下：

<input class="input1" id="userpassword" <span style="color:#ff0000;">type="text"</span> placeholder="新密碼"
 autocomplete="off"/> 

JS代碼：

$("#userpassword").click(function(){ 
 <span style="color:#ff0000;">$(this).attr("type","password");</span> 
 }); 

如有疑問請留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com