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設(shè)成text,當(dāng)點擊密碼輸入框的時候，將其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ū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
Javascript 獲取字符串字節(jié)數(shù)的多種方法
Javascript 字符串字節(jié)數(shù)獲取功能多種方法2009-06-06
UI即User Interface（用戶界面）的簡稱。UI設(shè)計則是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計2012-06-06
javascript 產(chǎn)生隨機數(shù)的幾種方法總結(jié)
這篇文章主要介紹了javascript 產(chǎn)生隨機數(shù)的幾種方法總結(jié)的相關(guān)資料,希望通過本文大家能夠掌握如何實現(xiàn)這樣的方法，需要的朋友可以參考下2017-09-09
這篇文章主要為大家詳細介紹了js實現(xiàn)頁面圖片消除效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
微信小程序?qū)W習(xí)總結(jié)（三）條件、模板、文件引用實例分析
這篇文章主要介紹了微信小程序條件、模板、文件引用,結(jié)合實例形式分析了微信小程序if條件判斷、模板調(diào)用、wxss文件引用等相關(guān)操作技巧,需要的朋友可以參考下2020-06-06
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)簡單彈框效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要為大家詳細介紹了JavaScript前端如何實現(xiàn)截屏功能,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-04-04
js實現(xiàn)鼠標感應(yīng)向下滑動隱藏菜單的方法
這篇文章主要介紹了js實現(xiàn)鼠標感應(yīng)向下滑動隱藏菜單的方法,涉及javascript操作鼠標事件的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
工作需要寫的一個js拖拽組件，需要的朋友可以參考下代碼。2011-07-07
JS實現(xiàn)瀏覽器點擊下載圖片功能案例分析【親測有效】
這篇文章主要介紹了JS實現(xiàn)瀏覽器點擊下載圖片功能,對比分析了同源與不同源兩種解決方案,并以實際案例形式分析了不同源情況下針對文件點擊下載的具體實現(xiàn)技巧與相關(guān)注意事項,需要的朋友可以參考下2023-04-04