js 開發之autocomplete="off"在chrom中失效的解決辦法

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

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

解決方法：因為瀏覽器是否自動填充內容，根據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>   }); 

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