在工作中領導要我想乙個問題,關於360瀏覽器會自動填充密碼和使用者名稱的問題,而且該死的input框還會變成屎黃色,醜到爆(使用者端也可以自行設定瀏覽器不儲存密碼)
首先分享一下我的總結:
1. 一般都是cookie記住使用者名稱和密碼。可以設定禁止使用者修改cookie,osc就這樣做了!
最後乙個引數為httponly
屬性
2. cookie另乙個典型的應用是當登入乙個**時,**往往會請求使用者輸入使用者名稱和密碼,並且使用者可以勾選「下次自動登入」。如果勾選了,那麼下次訪問同一**時,使用者會發現沒輸入使用者名稱和密碼就已經登入了。這正是因為前一次登入時,伺服器傳送了包含登入憑據(使用者名稱加密碼的某種加密形式)的cookie到使用者的硬碟上。第二次登入時,(如果該cookie尚未到期)瀏覽器會傳送該cookie,伺服器驗證憑據,於是不必輸入使用者名稱和密碼就讓使用者登入了。
關於具體的360瀏覽器的問題,我做的demo(基於jquery的)如下:
其主要的原理是使用者名稱和密碼都有兩個input框,首先讓假的input框獲取焦點,然後讓其隱藏,出現新的input框,輸入進去使用者名稱或者是密碼。按其需要還需要對其進行改色(具體情況,需要具體看)
charset="utf-8">
表單title>
src="jquery-1.8.3.min.js">
script>
head>
使用者名稱:label>
id="un"
maxlength="26"
type="text"
title="請輸入使用者名稱" />
id="username"
name="user.username"
maxlength="26"
style="display:none;"
type="text"
title="請輸入使用者名稱" />
p>
密 碼:label>
id="pwd"
maxlength="20"
type="text"
title="請輸入密碼" />
id="password"
name="user.password"
maxlength="20"
style="display:none;"
type="password"
title="請輸入密碼" />
p>
form>
$(function
());
$("#password").blur(function
());
$("#un").focus(function
());
$("#username").blur(function
());
})script>
body>
html>
瀏覽器自動填寫使用者名稱和密碼
在 開發的過種中,有放多瀏覽器會在我們登入的時候,詢問我們是否要記住使用者名稱和密碼。當我們在實際的開發過程中的時候,會遇到一些需求,然而會出現 這個時候只需要在input中加入一行 則可以解決自動填充的問題 autocomplete new password 這也是借鑑網易郵箱的方法 至於為什麼這...
如何禁止瀏覽器自動填充
瀏覽器的儲存賬戶密碼功能,給我們帶來了很大的便利,但是在有些情況下,我們並不希望瀏覽器幫我們填充一些表單,然而autocomplete的一些引數項並不能阻止瀏覽器回填,這裡我們來看下如何解決這個問題。專案註冊部分的表單有三項,分別為手機號 驗證碼和密碼,當完成註冊操作後,瀏覽器提醒是否儲存密碼,使用...
google chrome瀏覽器自動填充解決方案
在chrome瀏覽器中,瀏覽器對於 1 type為password和text的 2 帶有name或者id屬性的標籤會有自動填充表單功能,雖然會給使用者記住密碼帶來一定的便利,但是對於布局會有一定的bug。因此更多時候,開發人員選擇取消這一功能。查詢各種資料總結出來的方案有 1.新增autocompl...