js 開發(fā)之a(chǎn)utocomplete="off"在chrom中失效的解決辦法
更新時間：2017年09月28日 11:52:14 作者：tangxiujiang
這篇文章主要介紹了js 開發(fā)之a(chǎn)utocomplete="off"在chrom中失效的解決辦法的相關(guān)資料,希望通過本文能幫助到大家，解決遇到這樣的問題，需要的朋友可以參考下
js 開發(fā)之a(chǎn)utocomplete="off"在chrom中失效的解決辦法
問題：在表單的輸入框中，有時候我們并不希望點擊輸入框時，會出現(xiàn)提示信息。這時，在輸入框中添加屬性:autocomplete="off”，一般能達到目的。而在chrom里面就失效。
失效的原因是：瀏覽器會根據(jù)輸入框的input的type屬性為password的時候，自動將用戶名和密碼框填充。
解決方法：因為瀏覽器是否自動填充內(nèi)容，根據(jù)type=password來判斷的。此時先將作為密碼的輸入框的type設成text,當點擊密碼輸入框的時候，將其type屬性設為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ū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
這篇文章主要給大家介紹了JavaScript算法教程之sku（庫存量單位）的相關(guān)資料，文中介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面跟著小編一起來學習學習吧。2017-06-06
在本文里面我們給大家分享了js實現(xiàn)拖動滑塊和點擊水波紋效果的相關(guān)實例代碼，有需要的朋友們學習下。2018-10-10
這篇文章主要介紹了詳解微信小程序中的頁面代碼中的模板的封裝的相關(guān)資料,希望通過本文能幫助到大家，需要的朋友可以參考下2017-10-10
怎樣在html文檔里做隔行換色的多行方法...2007-01-01
javascript基礎(chǔ)練習之翻轉(zhuǎn)字符串與回文
最近在學習的時候到了基礎(chǔ)算法這一章節(jié)，讓我對js內(nèi)置對象方法的掌握還有思維邏輯都得到了提升，所借此機會來寫一寫學習心得和總結(jié)。下面這篇文章主要介紹了利用javascript實現(xiàn)翻轉(zhuǎn)字符串與回文的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-02-02
生成html靜態(tài)文件后的分頁（客戶端版）...2006-07-07
JavaScript動畫原理之如何使用js進行動畫效果的實現(xiàn)
在現(xiàn)在做頁面很多時候都會用上動畫效果,比如下拉菜單,側(cè)邊搜索欄,層的彈出與關(guān)閉等等,下面這篇文章主要給大家介紹了關(guān)于JavaScript動畫原理之如何使用js進行動畫效果實現(xiàn)的相關(guān)資料,需要的朋友可以參考下2023-04-04
這篇文章主要介紹了基于JavaScript實現(xiàn)隨機顏色輸入框的實例代碼，代碼簡單易懂，非常不錯，需要的朋友參考下吧2016-12-12
在實際應用中我們常常會遇到監(jiān)聽按鍵輸入和鼠標點擊事件,下面這篇文章主要給大家介紹了關(guān)于JavaScript事件監(jiān)聽之鍵盤事件的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-06-06
googlemap 之 javascript實現(xiàn)方法
googlemap 之 javascript實現(xiàn)方法...2007-01-01