同一條數據,在不一樣的瀏覽器上點擊編輯,表單中顯示的不同,360會把原來記住的帳號密碼給顯示到上面,谷歌不存在這個問題,一開始考慮讓用戶都使用谷歌,可是後來發現,這有點不現實,我不可能告訴每一個客戶讓他使用谷歌瀏覽器,今天解決了該問題,分享下:瀏覽器
360顯示效果(admin和密碼都是以前測試的帳號):測試
谷歌顯示效果:this
解決方案:spa
在input標籤中添加如下屬性:code
「orm
readonly onfocus="this.removeAttribute('readonly')" autocomplete="off" blog
」rem
例如:get
1 <input type="password" readonly onfocus="this.removeAttribute('readonly')" autocomplete="off" class="form-control" placeholder="密碼" id="password" name="password">
原理:input
readonly :表明該標籤被瀏覽器解析出來的時候是隻讀的;
onfocus="this.removeAttribute('readonly')" :在該輸入框得到焦點的時候,去掉只讀屬性;
autocomplete="off" :關閉自動填充的功能,詳細介紹見:http://www.w3school.com.cn/tags/att_input_autocomplete.asp